CSS中line-height和height的区别
2016-07-17 12:02
519 查看
CSS中的line-height一般指的是布局里面的一段文字,上下行之间的高度,比如第一行文字顶部到第二行文字的顶部,这就为行高。
height一般指的是容器的整体高度。
那么line-height和height有什么区别呢?
如果一个DIV容器高度是20px,字体是12px,那可以显示完全显示一整行的文字,上下分别多出3px,如果行高是18px,文字为多行的话,则从第二行起的文字就不能完全显示出来,因为第二行文字的实际是30px{计算公式为:12px+12px+18px-12px},即两行文字的高度,再加上两行文字之间的间距,已经超过容易20px的高度了。
heigh(高度):一般用来设置文字外围的DIV容器。
line-height(行高):一般针对字体来设置,如果一行文字在DIV里面,且行高等于高度的话,则文字会垂直居中。
height一般指的是容器的整体高度。
那么line-height和height有什么区别呢?
如果一个DIV容器高度是20px,字体是12px,那可以显示完全显示一整行的文字,上下分别多出3px,如果行高是18px,文字为多行的话,则从第二行起的文字就不能完全显示出来,因为第二行文字的实际是30px{计算公式为:12px+12px+18px-12px},即两行文字的高度,再加上两行文字之间的间距,已经超过容易20px的高度了。
heigh(高度):一般用来设置文字外围的DIV容器。
line-height(行高):一般针对字体来设置,如果一行文字在DIV里面,且行高等于高度的话,则文字会垂直居中。
相关文章推荐