CSS 两层实现垂直居中（外层固定宽高，内层文本不定行数）

Posted 2020-08-08 芒果有毒

style代码

.inner{
　　width: 45%;
　　height: 60px;
　　float: left;
　　border: 1px solid #eeeeee;
　　text-align: center;
　　display: table;
}
.outer .inner{
　　display: table-cell;
　　vertical-align: middle;
　　padding: 0 2px;
}

html代码

<div class="outer">
　　<span class="inner">这里是文本</span>
</div>