CSS实现水平垂直居中的几种方式

分类: 文章 • 2024-06-24 19:35:46

水平垂直居中的几种方式

absolute + transform：绝对定位加+转换

- 将父盒子设置为table-cell元素，可以使用text-align:center和vertical-align:middle实现水平、垂直居中

- 弹性模型 .flex + justify-content + align-items

- div绝对定位水平垂直居中 margin 负间距

CSS实现水平垂直居中的几种方式