DIV+CSS怎样让文字垂直居中?
发布网友
发布时间:2024-10-16 16:57
我来回答
共1个回答
热心网友
时间:2024-10-16 22:05
如果文字只有一行,可以设置容器高度和行高一样height:30px; line-height:30px;
如果文字不确定,也可以用表格,表格里的td是可以让里面的行内元素垂直居中的
如果不想用表格,也可以用display:table-cell;属性,display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签,但是IE6/7不能识别。
CSS:
.td{ width:200px; height:200px; border:1px solid #000; display:table-cell; vertical-align:middle;}
HTML:
<div class="td"> 哈哈哈哈哈哈哈哈哈哈哈哈哈好哈哈哈哈哈哈哈哈哈我垂直居中啦</div>