一个CSS问题 line-height？

html-css016

一个CSS问题 line-height？,第1张

line-height是行高，也就是一行的高度（注意不是字体的高度），包括了字体的高度和行间距，默认情况下，行高肯定是大于字体高度的（也就是说行与行之间是有空隙的，也就是行间距）。

而 line-height:1 的意思，就是行高和字体高度相等，这时候行间距就是0，所以上下就没有空白了。

h3 p等有默认margin padding值的，需要reset一下

http://meyerweb.com/eric/tools/css/reset/

或者简单点 在css部分开头加上

*{

margin:0

padding:0

}

用如下css样式就可以解决了

hr{height:1pxborder:noneborder-top:1px solid Blackmargin:0*margin:0 0 -14px 0float:none*float:leftdisplay:block}