css 右对齐

作者：风外听竹发布日期:2025-08-14 浏览:96

/* 右对齐文本 */
.text-right {
  text-align: right;
}

/* 右对齐块级元素 */
.block-right {
  margin-left: auto;
  margin-right: 0;
}

/* 使用 Flexbox 右对齐子元素 */
.flex-container {
  display: flex;
  justify-content: flex-end;
}

解释说明：

文本右对齐：使用 text-align: right; 可以让文本内容在容器内右对齐。
块级元素右对齐：通过设置 margin-left: auto; 和 margin-right: 0;，可以让块级元素在其父容器中右对齐。
Flexbox 布局右对齐：使用 display: flex; 和 justify-content: flex-end; 可以让 Flex 容器中的子元素右对齐。

上一篇：css实现自动轮播图

下一篇：css的三种引入方式