垂直居中样例

by xiaobai

HTML

<div class="vam">
	<span>测试demo</span>
</div>

CSS

.vam {
		width: 200px;
		height: 200px;
		background: red;
		text-align: center;
		color: #fff;
	}

	.vam:after,
	.vam span {
		display: inline-block;
		vertical-align: middle;
	}

	.vam:after {
		content: '';
		height: 100%;
		width: 10px;
		background: blue;
	}