height 和 line-height的区别

(￣︶￣)author---小火车

区别

• height表示容器的高度，line-height表示这一容器内的每行文字的高度
  eg: 如：height一般用来表示设置这一容器的高度。
  一般来说，如果是要设置文字行距和居中显示，都会带上line-height:40px;font-size:20px;
  这样的话，就相当于文字大小 20px，文字行间距离也有20px了。

<div style="line-height:20px;">abc<br/>abc<br/>abc<br/>abc<br/>abc<br/></div>

调整line-height:20px中20px这个值，行间距就会发生变化
另外，line-height和height组合到一块儿，还有一种效果，就是如果把它们的值设置的一样了，文字就会在垂直方向居中