页面设计中,经常需要实现元素的沝平垂直居中,css实现的方法有很多(列如: margin: auto、position定位、css表达式calc()、使用css预处理、table等都可以实现水平居中),但大多都是针对容器高度不固定,元素高度固定嘚情况
这里我们介绍几种实现容器宽高和元素宽高都不固定的情况实现水平垂直居中
一、flex实现水平垂直居中
二、grid实现水平垂直居中(这可能是实现水平垂直居中最简单的css样式)
目前浏览器的支持率,但是可以用在内部的管理系统,在指定的浏览器上运行