2016 - 2024

感恩一路有你

css3盒子垂直居中 纯CSS3有什么实现垂直居中的新方法吗?

浏览量:2349 时间:2021-03-12 15:10:21 作者:admin

纯CSS3有什么实现垂直居中的新方法吗?

有很多方法可以使用CSS3来实现垂直中心。下面我简单介绍一下CSS3实现垂直中心的几种方法,供大家参考;

使用CSS3的新特性flex,可以轻松实现垂直中心。具体方法见以下代码:

利用绝对位置变换还可以实现垂直居中。具体实现请看下面的代码:

以上两种方法都可以实现垂直居中,但是CSS3的新属性存在兼容性问题。如果不考虑兼容性,可以直接使用;如果考虑兼容性,可以使用其他CSS方法。

css3盒子垂直居中 css垂直居中的几种方法 css水平垂直居中的几种方法

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。