本文介绍了五种实现网页元素居中的方法，包括利用定位加margin自动、定位加margin负值、定位加transform、弹性盒模型及JavaScript实现。每种方法都有其特点和局限性，适用于不同的场景。
方式1：定位+margin(自动)
特点：必须设【被居中对象】的高和宽内容撑开也不行，且需要使用绝对定位拉满父级元素的top，bottom，left，right，否则margin:auto 会失效。
缺点：必须设宽高，内容撑开也不行。
方式2： 定位+margin(负)
缺点：【被居中对象】需要知道宽高。
方式3： 定位+transform
特点：【被居中对象】可以不需要知道宽高。
缺点：兼容性不好
方式4： 弹性盒模型
特点：【被居中对象】可以不需要知道宽高。
缺点：兼容性不好
方式5： JS
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
