flex布局 右对齐

可以使用flex布局的`justify-content`属性来实现右对齐。

具体步骤如下：

1. 将容器的`display`属性设置为`flex`，这样子元素才能使用flex布局。

2. 将`justify-content`属性设置为`flex-end`，这样子元素就会向右对齐。

示例代码如下：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

.container {
  display: flex;
  justify-content: flex-end;
}

.item {
  margin-right: 10px; /* 可选，增加元素之间的间距 */
}

在上面的代码中，容器元素`.container`使用了flex布局，并将`justify-content`属性设置为`flex-end`。这样子元素`.item`就会向右对齐了。如果需要增加元素之间的间距，可以使用`margin-right`属性来实现。