css居右

/* 示例代码：将元素居右对齐 */

/* 方法1：使用 text-align 属性（适用于行内元素或文本内容） */
.right-aligned-text {
    text-align: right;
}

/* 方法2：使用 margin-left 自动和 margin-right 0 （适用于块级元素） */
.right-aligned-block {
    margin-left: auto;
    margin-right: 0;
}

/* 方法3：使用 float:right (适用于块级或行内块级元素) */
.right-floated-element {
    float: right;
}

/* 方法4：使用 Flexbox 布局（适用于父容器中的子元素） */
.container {
    display: flex;
    justify-content: flex-end;
}

解释说明：

1. text-align: right;：适用于文本或行内元素，使内容在容器内向右对齐。
2. margin-left: auto; margin-right: 0;：通过设置左边距为自动，右边距为0，可以让块级元素靠右对齐。
3. float: right;：让元素浮动到父容器的右侧。注意浮动元素可能会对其后的元素布局产生影响。
4. display: flex; justify-content: flex-end;：使用Flexbox布局，父容器内的子元素会自动排列到右侧。

希望这些示例能帮助你实现CSS居右的效果！