网络编程
位置:首页>> 网络编程>> 网页设计>> CSS实现垂直居中的5种方法(5)

CSS实现垂直居中的5种方法(5)

作者:糖伴西红柿 来源:前端观察 发布时间:2009-03-04 12:53:00 

标签:垂直居中,方法,css,浏览器

方法五

这个方法只能将单行文本置中。只需要简单地把 line-height 设置为那个对象的 height 值就可以使文本居中了。



<div id="content"> Content here</div>

#content {height:100px; line-height:100px;}

优点:
适用于所有浏览器
无足够空间时不会被截断

缺点:
只对文本有效(块级元素无效)
多行时,断词比较糟糕

这个方法在小元素上非常有用,例如使按钮文本或者单行文本居中。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com