html内容垂直居中

css样式:

#outer{height:100px;overflow:hidden;position:relative;}

#middle{position:absolute;top:50%;}

#inner{position:relative;top:-50%;}

#outer[id]{display:table; height:100px;position:static;}

#middle[id]{display:table-cell; vertical-align:middle; position:static;}

#inner[id]{position:static;}

html结构：

<div id='outer' >

<div id = 'middle'>

<div id = 'inner'>

坚持做这9件事,未来的你会感谢自己。很快就花见花开建行卡号空间和空间和客户机可回可交换机可很快就和交换机会尽快很快就和交换机和得到大大发发。

</div>

</div>

</div>