css 文字左右对齐

作者：岁月凉茶发布日期:2026-03-17 浏览:98

/* 使用 flexbox 实现文字左右对齐 */
.container {
  display: flex;
  justify-content: space-between;
}

/* 或者使用文本对齐属性实现左右对齐 */
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

解释说明：

Flexbox 方法：
- .container 使用 display: flex 和 justify-content: space-between 来实现子元素之间的空间分配，使得第一个子元素靠左，最后一个子元素靠右。
文本对齐属性方法：
- .text-left 使用 text-align: left 将文本靠左对齐。
- .text-right 使用 text-align: right 将文本靠右对齐。

这两种方法可以根据具体需求选择使用。

上一篇：css 强制生效

下一篇：css文字超长显示...