二十：让行内元素在div中垂直居中
Posted deng-jie
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了二十：让行内元素在div中垂直居中相关的知识，希望对你有一定的参考价值。
（1）使用display:table-cell配合vertical-align:center（淘宝也是这样用的）
<div class="method4">
<span>第四种方法</span>
</div>
<style>
.method4 {
width: 200px;
height: 200px;
vertical-align: middle;
display: table-cell; /*只支持IE8+及现代浏览器，与position:absolute;或float:left;属性尽量不一起用*/
text-align: center;
background-color:#00ACED;
}
.method4{
width:100px;
height:100px;
background-color:#0A58A0;
}
</style>
以上是关于二十：让行内元素在div中垂直居中的主要内容，如果未能解决你的问题，请参考以下文章