JSRUN 用代码说话
前端大神
bobo2007
第27935位JSRUN用户

活跃于 2024-11-14 23:13 访问量:5024
关注


垂直居中---使用伪元素实现


水平垂直对齐---通过grid布局,设置容器属性justify-items: center 和 align-items: center 或者它们的简写place-items: center;实现单元格内容对齐


水平垂直居中---元素宽度不限定flex实现


水平垂直居中--居中元素宽高不定, 利用css-table(表布局)table-cell的vertical-align: middle属性实现多列子元素垂直居中


水平垂直居中---居中元素宽高固定position: absolute + calc(50% - xxpx)实现


水平垂直居中---居中元素宽高固定position: absolute + margin: auto 实现