div+css上中下布局的问题

Question

简单来说，line-height是行高的意思，height则是定义元素自身的高度。例如下面这段代码<div class="test">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</div>如果我们定义.test {line-height:20px;}，那么这个元素的实际高度将取决于其中内容的多少，假如文字部分在浏览器里面显示为一行，那么这个div的实际高度就是20px，如果文字显示为两行，那么div的实际高度就是40px，而且文字的行高是20px的；如果我们定义.test{height:40px}，那么这个元素的实际高度一般并不会因为内容的多少而发生改变，如果文字显示为一行，那么这个div的高度仍然是40px，如果显示为2行，但是文字的行高不够20px，这个div的高度也不会因为文字内容的高度小于height而发生改变。不过如果文字内容的高度大于40px了，一般来说这个div的高度还是会相应增加的。

Answer 1

区别如下：

1、定义不同：line-height是行高的意思，height则是定义元素自身的高度。

2、表示意义不同： line-height用来表示容器的高度，height用来表示这一容器内的每行文字的高度。

3、使用范围不同：line-height只针对行元素，height针对其他所有元素。

4、针对对象不同：line-height一般针对字体来设置，如果一行文字在DIV里面，且行高等于高度的话，则文字会垂直居中。heigh一般用来设置文字外围的DIV容器。