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。