css水平垂直居中方法总结

分类: 文章 • 2022-10-09 17:16:44

水平垂直居中

方案一：设置父元素为相对定位，给子元素设置绝对定位，top:0;right:0;left 0;bottom:0;margin:auto;
css水平垂直居中方法总结
方案二：
使用水平居中，同时垂直居中的结合使用实现，上面两篇文章我们都分别提到过了，这里就不在赘述。

方案三：
使用flex布局
也是水平居中和垂直居中的结合使用实现。