大家知道CSS實現垂直居中嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。
Content goes here
#wrapper {display:table;}
#cell {display:table-cell; vertical-align:middle;}
優點:
content 可以動態改變高度(不需在 CSS 中定義)。當 wrapper 裡沒有足夠空間時, content 不會被截斷
缺點:
Internet Explorer(甚至 IE8 beta)中無效,許多嵌套標簽(其實沒那麼糟糕,另一個專題)
相信大家已經學會CSS實現垂直居中了吧!感謝大家對我們網站的支持!
相關推薦:
css樣式命名規范的方法介紹