Flex 布局：如何实现从右开始排列

可以使用 flex 布局中的 justify-content 属性和 flex-direction 属性来实现从右开始的布局。

1. 设置 flex-direction 为 row-reverse

将 flex-direction 设置为 row-reverse 可以使项目从右到左排列，即从右开始布局。

.container {
  display: flex;
  flex-direction: row-reverse; /* 从右到左排列 */
  justify-content: flex-end; /* 项目从右边开始排列 */
}

2. 设置 justify-content 为 flex-end

将 justify-content 设置为 flex-end 可以使项目从右边开始排列，即从右开始布局。

.container {
  display: flex;
  flex-direction: row; /* 从左到右排列 */
  justify-content: flex-end; /* 项目从右边开始排列 */
}

注意：这种方法需要将 flex-direction 从默认的 row 改为 row-reverse 或者将 justify-content 从默认的 flex-start 改为 flex-end。