sl_table

表格垂直居中

HTML

<div class="sl-table">
	<div class="sl-table-cell cell-half">我是内容</div>
	<div class="sl-table-cell cell-33">我是特别特别多的内容啊啊啊啊啊啊啊啊啊啊</div>
	<div class="sl-table-cell cell-27">我是特别特别多的内容啊啊啊啊啊啊啊啊啊啊</div>
</div>

CSS

.sl-table{
	display: table;
	width: 300px;
}
.sl-table-cell{
	display: table-cell;
	float: none;
	vertical-align: middle;
    padding: 0 5px;
}
.sl-table-cell.cell-half{
	width: 50%;
}
.sl-table-cell.cell-33{
	width: 33%;
}
.sl-table-cell.cell-27{
	width: 27%;
}