当前位置:asp编程网>技术教程>Css3教程>  正文

div中文字垂直居中

2008-08-09 10:21:38   来源:www.aspprogram.cn    作者:佚名   浏览量:2063   收藏

本来以为垂直居中使用 vertical-align:middle就可以了,但是在Div中就不起作用。
<div style="height:100px; width:100px; background-color:#eeeeee; text-align:center; vertical-align:middle">
文字
</div>
这样写文字就不能垂直居中,因为vertical-align:middle这句不起作用(水平居中text-align:center是可以的)

所以Div中的垂直居中需要使用line-height来实现,以上代码改成
<div style="height:100px; width:100px; background-color:#eeeeee; text-align:center; line-height:100px;">
文字
</div>
这样就行了,值得注意的是line-height的值要和height的值一样才可以



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网