css定高块级元素垂直居中

当父元素高度确定时，可以通过加入table标签，然后设置vertical-align:middle;实现居中。

html关键代码

<div>

    <p>父元素高度确定的元素垂直居中，添加table标签，同时设置table，vertical-align:middle;</p>

</div>

第一步：添加table标签。

<table>

    <tbody>

        <tr><td>

             <p>添加table标签</p>

        </td></tr>

    </tbody>

</table>

第二部：设置vertical-align:middle;

css关键代码

<style>

    table td{

          height:500px;/*定高*/

          vertical-align:middle;/*居中*/

    }

</style>

欢迎转载，请注明出处！