1. text-align 属性规定了元素中内联对象(如文本)的水平对齐方式,从而设置块级元素内文本的水平对齐方式。左对齐,右对齐,水平居中
  2. margin: 0 auto, 设置块元素本身的居中
  3. justify-content用于flex布局中。用于设置或检索弹性盒子元素在主轴方向上的对齐方式。
  4. align-items属性定义flex子项在flex容器的当前行的纵轴方向上的对其方式。
  5. align-self 属性在flex布局中,设置单个项目与其他项目不一样的对齐方式。

    flex的六个属性

  • flex-direction 决定主轴的方向即项目的排列方向
  • flex-wrap 定义如何换行
  • flex-flow 1和2的简写,默认row nowrap
  • justify-content 定义了项目在主轴上的对齐方式
  • align-items 定义了项目在交叉轴上的对齐方式
  • align-content 定义了多根轴的对齐方式。如果只有一根轴,则不起作用