flex布局水平垂直居中 纯CSS3有什么实现垂直居中的新方法吗?
浏览量:1891
时间:2021-03-15 04:07:22
作者:admin
纯CSS3有什么实现垂直居中的新方法吗?
有很多方法可以使用CSS3来实现垂直中心。下面我简单介绍一下CSS3实现垂直中心的几种方法,供大家参考;
使用CSS3的新特性flex,可以轻松实现垂直中心。具体方法见以下代码:
利用绝对位置变换还可以实现垂直居中。具体实现请看下面的代码:
以上两种方法都可以实现垂直居中,但是CSS3的新属性存在兼容性问题。如果不考虑兼容性,可以直接使用;如果考虑兼容性,可以使用其他CSS方法。
flex布局水平垂直居中 flex布局垂直居中 弹性布局flex垂直居中
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。