代码改变世界

设了padding要减去盒高 和 line-height 行高

2018-09-11 13:27  冻奶香甜玉米片  阅读(468)  评论(0编辑  收藏  举报

增加了padding 一定要减去相应的高度,不然整个元素的高度会增高(原高+padding)

 

line-height:行高

1.行高要比字体大,不然字体会挤到一块去

2.若父盒子没有设置高度,则行高会把父盒子撑开

3.若行高等于父盒子高度,在单行文本情况下,文字会垂直居中显示(text-align:center 加这种方法可以使文字整体居中,在父盒子中央)

4.多行文字居中:padding -top=(盒子高度-行高*行数)/2,然后行高减去padding-top