css 居右

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

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

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

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

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

解释说明：

• 方法1：text-align: right; 适用于行内元素或文本内容，使其在容器内向右对齐。
• 方法2：通过设置 margin-left: auto; 和 margin-right: 0;，可以使块级元素靠右对齐。
• 方法3：使用 float: right; 可以使元素浮动到容器的右侧，但需要注意清除浮动的影响。
• 方法4：使用 Flexbox 布局，通过 justify-content: flex-end; 可以使子元素在父容器中向右对齐。