元素标签在父级元素里垂直居中方法

lhtml

<div>
	<span>dsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwpdsfjklwp</span>
</div>

css

div{
	width: 300px;
	height: 500px;
	border: 1px solid black;
	font-size: 0px;
	
}
div span{
	background-color: antiquewhite;
	word-break: break-all;
	vertical-align: middle;
	display: inline-block;
	font-size: 14px; /* 因为会继承父级的fontSize: 0px,所以这里需要自己定义font-size */
	border: 1px solid black;
}
div:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;/* 相较于6父级的垂直定位 */
}