DIV和SPAN垂直居中对齐的实现方法

水平居中很 简单 ，设置text-align: center 就可以了，但是垂直居中一直都不得其解！

以前总是尝试着调padding -t op,但是有的时候好使，更多的时候不行，今天同样，当h ei ght值不大时，增加padding-top就会增加了整个DIV 或者 SPAN的高度，很恼火！

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

于是，DIV和SPAN中的文字垂直 居中对齐 了！

后来在 百度 里面一搜，耐着性子多翻了几页，终于在一个不大 论坛 里面发现了同样的方法！要是以前能耐心 一点 不早就 搞定 这个问题了么，何必还浪费这么多时间？让人又想起了贝尔发明 电 话的老故事 .. .sigh... 不想 了！

总结

以上是 为你收集整理的 DIV和SPAN垂直居中对齐的实现方法 全部内容，希望文章能够帮你解决 DIV和SPAN垂直居中对齐的实现方法 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于DIV和SPAN垂直居中对齐的实现方法的详细内容...