css靠右对齐

作者：我说°走了就别回来发布日期:2025-11-09 浏览:59

/* 使用 text-align 属性将文本内容靠右对齐 */
.right-aligned-text {
    text-align: right;
}

/* 使用 margin-left 和 margin-right 属性将块级元素靠右对齐 */
.right-aligned-block {
    margin-left: auto;
    margin-right: 0;
}

/* 使用 flexbox 布局将子元素靠右对齐 */
.container {
    display: flex;
    justify-content: flex-end;
}

解释说明：

text-align: right;：此属性用于内联元素（如文本），使其内容靠右对齐。
margin-left: auto; margin-right: 0;：通过设置左边距为 auto，右边距为 0，可以让块级元素靠右对齐。
display: flex; justify-content: flex-end;：使用 Flexbox 布局，通过 justify-content: flex-end 可以让容器内的子元素靠右对齐。

上一篇：css 边框渐变

下一篇：css 样式