如果文字只有一行，可以设置容器高度和行高一样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>
温馨提示：内容为网友见解，仅供参考
相似回答
