純CSS3有什么實(shí)現(xiàn)垂直居中的新方法嗎？有很多方法可以使用CSS3來實(shí)現(xiàn)垂直中心。下面我簡單介紹一下CSS3實(shí)現(xiàn)垂直中心的幾種方法，供大家參考；使用CSS3的新特性flex，可以輕松實(shí)現(xiàn)垂直中心。具體

純CSS3有什么實(shí)現(xiàn)垂直居中的新方法嗎？

有很多方法可以使用CSS3來實(shí)現(xiàn)垂直中心。下面我簡單介紹一下CSS3實(shí)現(xiàn)垂直中心的幾種方法，供大家參考；

使用CSS3的新特性flex，可以輕松實(shí)現(xiàn)垂直中心。具體方法見以下代碼：

利用絕對位置變換還可以實(shí)現(xiàn)垂直居中。具體實(shí)現(xiàn)請看下面的代碼：

以上兩種方法都可以實(shí)現(xiàn)垂直居中，但是CSS3的新屬性存在兼容性問題。如果不考慮兼容性，可以直接使用；如果考慮兼容性，可以使用其他CSS方法。

CSS3與CSS的區(qū)別有哪些？

區(qū)別在于CSS3比CSS有更多的樣式設(shè)置。CSS3是向前兼容的，也就是說，在CSS中有效的代碼在CSS3中也是有效的。以上是純代碼，至于具體的顯示效果，也要看瀏覽器的支持。讓我們舉兩個簡單的例子：首先，一個對CSS和CSS3都有效的代碼。如果瀏覽器不支持CSS3，它將僅以CSS樣式顯示。最常見的版本是弧角。2、 一個只在CSS3中有效的代碼，如果瀏覽器不支持CSS3，那么它的權(quán)重顯示效果就不會出現(xiàn)。CSS3和CSS完全相同，只是在編寫代碼時在CSS3中設(shè)置了一些新屬性。