首页 > 其它资讯 > 商机参考 > 网站建设 >

line-height属性与height属性的区别

时间: 2019-08-28 21:55 来源:www.jianshenbuji.com 作者:中国健身补剂网 收藏

line-height属性与height属性的区别主要在于它本身应用的场合不同,一个是行高用在文字内容高度设定,一个是文字外的框架高。

line-height指的是行高,在设置了line-height行高值的情况下,如果一行字体超出行宽,字体不仅不会溢出,而且还会自动换行,所以它是文字排版的专用。

height指的是框架的高度,一行字体超过行宽就会溢出,并不会自动换行,显得杂乱无章,它适合用于外围框架排版和span标签这种只显示一行的场合。  

如果字体大小设置为12px,那么line-height:12px;则表示行高跟字体一样高,每一行之间没有间隙,所以实际网页设计中不会只做这样的设定,还要设定padding:3px 0px;。

只有一行文字、span标签两种情形的场合一般只需要设置height属性即可,不需要额外设置行高line-height,因为这样多余。

在有line-height属性的框架标签,外围框架height属性值最好设置为auto,因为设置了具体高度后,文字会溢出,height属性具有在高度之外强制溢出的功能。

举例,在p标签中这样写属性<p style="line-height:12px;padding:3px 0px;height:auto;">fgadfwqfewqfwdsc</p>,意思就是这行字行高12px(也就是字体高度12px),p标签这个外围框架高度为自动。