純CSS3有什么實現(xiàn)垂直居中的新方法嗎？
網(wǎng)友解答: 利用css3實現(xiàn)垂直居中有很多方法，下面我簡單的介紹幾種css3實現(xiàn)垂直居中的方法，供大家參考；flex布局利用css3的新屬性flex可以輕松實現(xiàn)垂直居中，具體方法，看下圖
利用css3實現(xiàn)垂直居中有很多方法，下面我簡單的介紹幾種css3實現(xiàn)垂直居中的方法，供大家參考；
flex布局利用css3的新屬性flex可以輕松實現(xiàn)垂直居中，具體方法，看下圖代碼：
絕對定位（position）+transform利用絕對定位（position）+transform也可以實現(xiàn)垂直居中，具體實現(xiàn)，看下圖代碼：
效果圖：
總結(jié)：
以上兩種方法，都可以實現(xiàn)垂直居中，但是css3新屬性存在兼容性問題，如果不考慮兼容性的話，完全可以直接使用；如果考慮兼容性，可以使用其他css方式。
如有疑問，歡迎在評論下方留言討論；喜歡的記得點贊+關注，為大家提供專業(yè)的前端知識