CSS 让元素内子元素翻转排序

首先需要将目标元素改成弹性盒，将flex-direction的值改成row-reverse。

    display: flex;
    width: 100%;
    flex-direction:row-reverse;

flex-direction值的参考

• row 默认值。灵活的项目将水平显示，正如一个行一样。

• row-reverse 与 row 相同，但是以相反的顺序。

• column 灵活的项目将垂直显示，正如一个列一样。

• column-reverse 与 column 相同，但是以相反的顺序。

• initial 设置该属性为它的默认值。

• inherit 从父元素继承该属性。