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>