弹性容器的样式

/* 设置自动换行 */

     flex-wrap: wrap; 

 

原图：

 

 

 

效果：

 

 

 

 /* 简写属性 */

      flex-flow: row wrap;

 

 

 

 

 

 

 

 /* 居中排列 */

      justify-content: center;

 

 

   /* 元素左靠*/

      justify-content: flex-start;

 

 

  /* 元素靠右 */

      justify-content: flex-end;