DIV+CSS如何让文字垂直居中?。。 30
展开全部
如果文字只有一行,可以设置容器高度和行高一样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>
如果文字不确定,也可以用表格,表格里的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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询