ybq1102的博客

原创 flex 布局

弹性容器属性 1.flex-direction： 设置容器主轴的方向，可以是X轴，也可以是Y轴； row：横向从左到右排列（左对齐），默认的排列方式。 row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。 column：纵向排列。 column-reverse：反转纵向排列，从后往前排，最后一项排在最上面。 2.justify-content： 设置元素在弹性容器 主轴方向 上的对齐方式 3.align-items 设置元素在弹性容器上 侧轴方向 上的对齐方式