Div文本垂直居中

line-height:如果是单行文字的话,可以使用“line-height:30px”来设置居中对齐,仅此一个标签就可以,但不能随高度动态变化;

vertical-align:很多人对这个标签有一定的误解,它的实际意思是对不同DOM元素来讲的,关于vertical-align的“top,middle,super,sub,baseline...”不同属性,是针对下图来讲的:

 

比如一个行文本和一个图片,他们摆在统一行的时候,往往文字在下,图片在上。因为,两个元素在一起的时候,默认的对齐方式是:baseline。如图:

 

如果设置为top顶端对齐,则如下效果:

 

 因此,对于单行的Div文本垂直对此,仅用line-height元素即可,其高度与div高度相同即可。

 

参考:http://www.aspxhome.com/design/css/20087/430811.htm

 

 

posted on 2011-06-12 16:26  一路前行  阅读(346)  评论(0编辑  收藏  举报