龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

如何在父元素中垂直居中文本?

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
这是新手最常遇到的问题。设置了一个div或span。但文字是居于上部对齐的。在传统的Table制作中,默认文本都是垂直居中于单元格的。这个问题其实很容易解决,设置行高line-height。就
  
  这是新手最常遇到的问题。设置了一个div或span。但文字是居于上部对齐的。在传统的Table制作中,默认文本都是垂直居中于单元格的。这个问题其实很容易解决,设置行高line-height。就很好的解决了。
  我们看下面的例子,a是未设置行高的情形,b是设置行高解决垂直居中文本问题的情形。
Source Code to Run [www.fun52.com]
fun52.com
fun52.com - Div CSS布局 常见问题
fun52.com - Div CSS布局 常见问题
   [ 可先修改部分代码 再运行查看效果 ]
  此外,在必要的时候,可以使用:vertical-align:middle;
  用line-height增高行距,再用vertical-align:middle;使内容垂直居中对齐。
 


精彩图集

赞助商链接