DIV与SPAN垂直居中对齐的方法

发布时间:2020-02-21编辑:脚本学堂
本文介绍了DIV与SPAN垂直居中对齐的实现方法,DIV和SPAN如何垂直居中对齐,水平居中简单,垂直居中需要研究下。

DIV和SPAN如何垂直居中对齐,水平居中很简单,设置text-align:center就可以了,垂直居中一直不好操作。

以前总是尝试着调padding-top,均不能完全满足需求,今天同样,当height值不大时,增加padding-top就会增加了整个DIV或者SPAN的高度!

正在想理论上vertical-align的默认值应该是baseline啊,不会顶对齐啊,突然想起字体有个line-height属性,于是很显然其默认值就是一个字那么高,于是将line-height值改得和DIV或者SPAN的height相同!

于是,DIV和SPAN中的文字垂直居中对齐了!