css左右居中

作者：花小泽ノ发布日期:2025-04-28 浏览:75

/* 使用 Flexbox 实现左右居中 */
.container {
  display: flex;
  justify-content: center; /* 水平居中 */
}

/* 或者使用文本对齐方式实现左右居中（适用于内联元素） */
.center-text {
  text-align: center; /* 水平居中 */
}

解释说明：

Flexbox 方法：
- display: flex;：将容器设置为弹性布局。
- justify-content: center;：使子元素在水平方向上居中对齐。
文本对齐方法：
- text-align: center;：适用于内联元素（如文本、图片等），使其在父容器内水平居中。

如果你需要更具体的场景或有其他问题，请告诉我！

上一篇：css上下左右居中怎么设置

下一篇：css背景颜色渐变从左到右