DIV+CSS如何让文字垂直居中？。。 30
3个回答
展开全部
如果文字只有一行，可以设置容器高度和行高一样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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
