本文共 524 字，大约阅读时间需要 1 分钟。

一般盒子的模式有两种： 

1. content-box:仅包括content.即设置的width属性值仅为content的值。（box-sizing的默认值）  2. border-box:包括content+padding+border.设置的width的值是content+padding+border的值。

使用场景：当需要两个宽度为50%的div确保并列时，设置box-sizing:border-box; 

此时的width:50%;是content+padding+border的宽度。

 

line-height是行高，height就是高，通常height是对于某个框架或者图片来弄的，line-height用于文字

如果要实际效果你可以写一段文字，分好几行，然后对它做line-height属性，就会注意到变化了 比如： <div style="line-height:20px;">abc<br/>abc<br/>abc<br/>abc<br/>abc<br/></div> 调整20px这个值，行间距就会发生变化 另外，line-height和height组合到一块儿，还有一种效果，就是如果把它们的值设置的一样了，文字就会在垂直方向居中

转载地址：http://eorki.baihongyu.com/