css中line-height的具体用法是什么?求教

html-css023

css中line-height的具体用法是什么?求教,第1张

line-height就用来给一行内容的高度设定范围的。

比如说,有一个这样的DIV:

<div style="line-height:36px"></div>

它的意思就是说,这个DIV里面的每一行文字,占36个像素。

它经常应用在让一些文字居中到一个位置。比如像下面这个:

<div style="width:50pxheight:36pxcolor:redbackground:black"></div>

如果你在这个DIV里面写一行文字的话,它默认是在这个DIV的左上角的。如果你想让它在垂直方向上居中的话,那你就可以再加一个样式,就是line-height:36px;意思是让这里面的文字每一行占36个像素,那么,这行文字的高度正好和那个DIV的高度相同,那文字就会表现出垂直居中的效果了。

不知道说明白没有。

1、css设置图片距离可以用盒子模型的margin属性。操作方法首先用html编辑器新建一个html文件,里面放入几张图片:

2、然后在上方的style中设置css的样式,设置img的margin属性为“0 30px”即可,其中前一个数字表示上下的距离,后一个数字表示左右的距离。最后在调整统一一下图片的大小,方便观察效果:

3、最后打开浏览器,就会看到2张图片之间是有距离的效果了: