成人AV在线无码|婷婷五月激情色,|伊人加勒比二三四区|国产一区激情都市|亚洲AV无码电影|日av韩av无码|天堂在线亚洲Av|无码一区二区影院|成人无码毛片AV|超碰在线看中文字幕

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

網(wǎng)友解答: 利用css3實現(xiàn)垂直居中有很多方法,下面我簡單的介紹幾種css3實現(xiàn)垂直居中的方法,供大家參考;flex布局利用css3的新屬性flex可以輕松實現(xiàn)垂直居中,具體方法,看下圖

網(wǎng)友解答:

利用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è)的前端知識

標簽: