如何使不确定高度的div中的标签都垂直居中

如何使不确定高度的div中的标签都垂直居中

将容器设置为display:table，然后将子元素也就是要垂直居中显示的元素设置为display:table-cell，然后加上vertical-align:middle来实现。

例如：

<div style="display:table;">

 <div style="display:table-cell; vertical-align:middle;">名称:</div>

 <div style="display:table-cell; vertical-align:middle;">

         <p>第一行</p>

       <p>第二行</p>

       <p>第三行</p>                        

 </div>

</div>

这样的话，左边的名称和右边的不固定高度内容就会垂直居中。

本文地址：http://www.yayihouse.com/yayishuwu/chapter/1067

顶

0