文本在盒子里垂直居中 css

1. 已知父级宽高并且文本比较简短

 .outline0{
	width:200px;
	line-height:200px;
	text-align:center;
	background:#ccc;
}
<div class="outline0">
	<span>test</span>
</div>	

2.转换元素的类型 vertical-align: middle;

.outline2{
	display:table;
	width:200px;
	height: 200px;
	background:#ccc;
}
.center{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
<div class="outline2">
	<span class="center">test test test,test,test test test test test<span>
</div>	

3.适合知道文本比较固定字段时，还有想定哪定哪