css水平对齐

在 CSS 中，可以通过以下方式实现水平对齐：

1. 使用 text-align 属性：可以将文本水平居中对齐，也可以左对齐或右对齐。

text-align: center; /* 水平居中对齐 */
text-align: left; /* 左对齐 */
text-align: right; /* 右对齐 */

2. 使用 margin 属性：

margin: 0 auto; /* 水平居中对齐，需要给元素设置宽度 */

3. 使用 flexbox 布局：

display: flex;
justify-content: center; /* 水平居中对齐 */
justify-content: flex-start; /* 左对齐 */
justify-content: flex-end; /* 右对齐 */

4. 使用 grid 布局：

display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 设置元素宽度自动适应，可以实现水平居中对齐 */

5. 使用 table 布局：

display: table;
margin: 0 auto; /* 水平居中对齐 */