CSS行高(line-height)及文本垂直居中原理1

如果父级的height=200px , 行高等于200px;会垂直居中显示,

原理:默认字体大小为16px;  行高=字体大小+上间距+下间距,上间距=下间距=(200-16)/2=92px;就会自动填满父级的height,显示效果就像垂直居中。

 如果用百分比设置line-height:是已 字体大小 为基础。 例如:字体16px;line-height=400%=16*4=64px;

 

posted @ 2018-04-02 12:30  哈哈一哈哈哈  阅读(309)  评论(0)    收藏  举报