码上敲享录 > HTML+CSS实战 > 如何使不确定高度的div中的标签都垂直居中

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

上一章章节目录下一章 2017-12-18已有2682人阅读 评论(0)

如何使不确定高度的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

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交