多行文本位置高度垂直居中

多行文本未知高度垂直居中实现思路

给父标签添加伪元素,高度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>

 

转载于:https://my.oschina.net/u/2518597/blog/1036659