Flex 行为

这是 flex 容器,使用的是“d-flex”类

这是内联 flexbox 容器,使用的是“d-inline-flex”类


方向

水平方向

flex-row:元素 1
flex-row:元素 2
flex-row:元素 3
flex-row-reverse:元素 1
flex-row-reverse:元素 2
flex-row-reverse:元素 3

垂直方向

flex-column:元素 1
flex-column:元素 2
flex-column:元素 3
flex-column-reverse:元素 1
flex-column-reverse:元素 2
flex-column-reverse:元素 3