1. 程式人生 > >vertical-align:middle無效的原因以及解決辦法

vertical-align:middle無效的原因以及解決辦法

vertical-align屬性只對行內元素有效,對塊內元素無效!

當display:inline-block;為必要條件的時候,可以適當用table-cell取替、

將display屬性設定為table-cell,塊元素轉化為單元格,然後加上vertical-align:middle

另一個垂直居中的辦法,是當div的高度與行高相同時,即可豎向居中。