css3技术

如何在父元素中垂直居中文本?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 13:13 我要评论( )

如何在父元素中垂直居中文本?,学习如何在父元素中垂直居中文本?,如何在父元素中垂直居中文本?,查看如何在父元素中垂直居中文本?,这是新手最常碰到的问题。设

  
  这是新手最常碰到的问题。设置了一个div或span。但文字是居于上部对齐的。在传统的Table制作中,默认文本都是垂直居中于单元格的。这个问题其实很轻易解决,设置行高line-height。就很好的解决了。
  我们看下面的例子,a是未设置行高的情形,b是设置行高解决垂直居中文本问题的情形。

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


  此外,在必要的时候,可以使用:vertical-align:middle;
  用line-height增高行距,再用vertical-align:middle;使内容垂直居中对齐。
 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评