1.水平居中对齐:
- 对于行内元素可以使用text-align:center
- 对于块级元素使用margin:auto
- 使用绝对定位,left:50%+margin-left:-(子元素宽度的一半)
- 使用绝对定位+transform属性:left:50%+transform:translateX(-50%)
- 使用绝对定位+margin:auto:left:0+right:0+margin:auto
2.垂直居中居中对齐:
- line-height=height
- 使用绝对定位,top:50%+margin-top:-(子元素宽度的一半)
- 使用绝对定位+transform属性:top:50%+transform:translateY(-50%)
- 使用绝对定位+margin:auto:top:0+bottom:0+margin:auto