css常用
CSS中height和line-height的区别
height是元素自身的高度,line-height则是元素内部文字的行高。
比如:height:100px; line-height:20px;
表示具有height样式的元素的高度为100像素,里面的文字行高为20像素,就是可以排5行文字。
补充说明一下:如果一个元素的height和line-height相同,意味着这行文字在元素中垂直居中(仅限文字,且只能一行)。
当line-height=height时,元素会垂直居中。
当line-height<height时,元素会偏上。
#########################################
text-align: center; /* 水平方向居中 */
line-height: 59px; /* 垂直方向居中 */