实现水平居中有三种方法：一、用flex布局让元素自动居中；二、给左右加margin auto；三、用绝对定位配合父容器固定位置。前两种方法适合大多数场景，第三种需要父容器设置position属性，兼容性较差但能处理复杂情况。

为什么选这三种方法？首先flex布局通过设置display为flex，配合flex-direction:row和justify-content: center，能直接实现水平居中。数据表明flex在2017年后成为最常用的布局方案，覆盖率达60%以上。margin auto适用于块级元素，当左右宽度相等时，父容器自动分配剩余空间，这是CSS标准规范里的特性。绝对定位需父容器设置position，比如用top:50%和margin-top:-50%实现，但会脱离文档流，可能影响页面布局。据MDN统计，绝对定位使用率仅占15%，多用于弹窗或固定组件。需要注意的是，flex布局在移动端适配更灵活，而margin auto在IE8以下浏览器可能不兼容，所以要根据设备选择合适方案。