標籤：
父元素高度確定的多行文本(方法一)
父元素確定的多行文本，圖片等的垂直置中的方法有兩種：
1.使用插入table（包括tbody，tr，td）標籤，同時設定vertical-align：middle
<body><table><tbody><tr><td><div> <p>123</p></div></td></tr></tbody></table></body>
table tb{height:500px;background:#ccc}
因為td標籤預設情況下就設定了vertical-align為middle，所以不需要設定
2.父元素高度確定的多行文本（方法二）
出來上面所講的插入table標籤，可以使父元素高度確定的多行文本垂直置中之外，還有另一種方法可以實現這種效果，但是這種方法相容比較差，只供參考。
在chrome，firefox及ie8以上的瀏覽器可以設定區塊層級元素的display為table-cell，啟用vertical-align，但注意ie6,7不支援這個樣式，相容性比較差。
<div class="container"> <div> <p>123</p> </div></div>
<style>.container{ height:300px; background:#ccc; display:table-cell; vertical-align:middle;}</style>
這種方法好處是不用添加多餘的無意義的標籤，但缺點也很明顯，相容性不好，而且這樣修改display的block編程了table-cell，破壞了原有的塊狀元素的性質。
css垂直置中
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
