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>