css3

一、flex

direction:rtl//从右边开始排列，rtl (right-to-left)

image.png flex-direction
flex-direction 顺序指定了弹性子元素在父容器中的位置
row：横向从左到右排列（左对齐），默认的排列方式。
row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。
column：纵向排列。
column-reverse：反转纵向排列，从后往前排，最后一项排在最上面。 column-reverse
justfy-content
内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。 justfy-content:center
align-items
align-items 设置或检索弹性盒子元素在侧轴（纵轴）方向上的对齐方式 align-items:center
flex-wrap
属性用于指定弹性盒子的子元素换行方式。 flex-wrap:wrap-reverse
align-content
align-content 属性用于修改 flex-wrap 属性的行为。类似于 align-items, 但它不是设置弹性子元素的对齐，而是设置各个行的对齐。 align-content:center
order
：用整数值来定义排列顺序，数值小的排在前面。可以为负值。
order 属性设置弹性容器内弹性子元素的属性:
order:-1
align-self
属性用于设置弹性元素自身在侧轴（纵轴）方向上的对齐方式。 各种属性值
flex:
用于指定弹性子元素如何分配空间
当其他的是具体数值的时候，会先放置具体数值的，剩余的空间按照比例放置
flex:1
display：flex