如何将CSS元素实现完美居中？

本文共计303个文字，预计阅读时间需要2分钟。

CSS居中设置方法：

1.使用`margin: 0 auto; text-align: center;`实现水平居中；

2.使用`display: flex;`实现水平居中；

3.使用`display: table-cell;`和`margin-left: auto;`实现居中。

css居中：1、通过“margin: 0 auto; text-align: center”实现水平居中；2、通过“display:flex”实现水平居中；3、通过“display:table-cell”和“margin-left”实现居中。

css设置居中的方法：

1、通过margin: 0 auto; text-align: center实现CSS水平居中。

这种方法是实现CSS水平居中最最常用的，我在前端开发中大概有60%的CSS水平居中就是通过“margin: 0 auto; text-align: center”实现的。

2、通过display:flex实现CSS水平居中。

随着越来越多兼容flexbox，所以通过“display:flex”实现CSS水平居中的方案也越来越受青睐。