多行文本未知高度垂直居中实现思路
给父标签添加伪元素,高度100%,inline-block显示,vertical-align:middle
子标签高度自适应,vertical-align:middle
.test{height: 200px; background: #ccc;}
.test:after{content:"";display: inline-block;vertical-align: middle;height: 100%;}
.test1{height:auto;display: inline-block; vertical-align: middle; background: #aaa;}
<div class="test">
<div class="test1">
<p>testtest</p>
<p>testtest</p>
<p>testtest</p>
</div>
</div>