怎麼實現CSS垂直居中呢

歡迎大家在這裡學習怎麼實現CSS垂直居中!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

這個方法把一些 div 的顯示方式設置為表格，因此我們可以使用表格的 vertical-align property 屬性。

 

 

 

 

 

 

Content goes here

 

 

 

 

 

#wrapper {display:table;}

#cell {display:table-cell; vertical-align:middle;}

優點：

content 可以動態改變高度(不需在 CSS 中定義)。當 wrapper 裡沒有足夠空間時， content 不會被截斷

缺點：

Internet Explorer(甚至 IE8 beta)中無效，許多嵌套標簽(其實沒那麼糟糕，另一個專題)

好了，怎麼實現CSS垂直居中內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

什麼是CSS的渲染效率呢