CSS實現垂直居中的方法介紹

我們為大家收集整理了關於CSS實現垂直居中的方法，以方便大家參考。這個方法把一些 div 的顯示方式設置為表格，因此我們可以使用表格的 vertical-align property 屬性。

Content goes here

#wrapper {display:table;}

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

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

希望大家可以學會CSS實現垂直居中的方法想了解更多精彩內容，請關注我們的網站!

相關推薦：

CSS的渲染效率是什麼呢