我们这里分为两种形式,一种是定元素宽高的情况下,另一种是不定元素宽高的情况下。
定元素宽高的情况下
a.绝对定位 + 负margin
利用绝对定位absolute和margin完成元素居中,具体例子如下:
给父元素添加相对定位,子元素添加绝对定位,利用margin负子元素宽高的一半,实现元素的居中,这种方法不常用,
- 优点:好理解,兼容性好
- 缺点:必需给定子元素的宽高
b.绝对定位+margin:auto
利用absolute绝对定位和margin:auto自动居中方法完成元素的居中,例子如下: