当父元素高度确定时,可以通过加入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>
欢迎转载,请注明出处!