CSS行高应该怎么写?

html-css014

CSS行高应该怎么写?,第1张

不要用*

*代表所有这样你整页面的行高都会设置成150%

用一个class代替*找个你要设置行高的div然后写

.div1{line-height:150%}

这里的div1就是你要设置行高为150%的容器

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的高度相同,那文字就会表现出垂直居中的效果了。

不知道说明白没有。