css弹性盒子

写在前言 本篇纯属是自己的笔记 防止自己删文件给笔记删了特此用于存档 本人实力不足 有可能有错误 请在大佬评论区指正 不用攻击本人 你说就是你对

flex-direction 弹性子元素在父容器的位置        row为默认样式
row row-reverse  column column-reverse
row：横向从左到右排列（左对齐），默认的排列方式。

row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。

column：纵向排列。

column-reverse：反转纵向排列，从后往前排，最后一项排在最上面。

 

flex-warp 属性用于指定弹性盒子的子元素换行方式。     nowrap默认样式
nowrap    wrap    wrap-reverse
nowrap - 默认， 弹性容器为单行。该情况下弹性子项可能会溢出容器。