css- around 内容换行 自动贴边四周显示

多个列表内容，自动换行显示，flex布局的 wrap 换行，加上gap间隔。

  // 这是父级
  display: flex;
  flex-wrap: wrap;
  /* 百分比基于父容器宽高 */
  gap: 4%;           /* 行列都 2% */
  /* 或分开写 */
  column-gap: 3%;    /* 基于容器宽度 如果设置了高度 百分比生效，没有设置百分比 用px*/
  row-gap: 2%;       /* 基于容器高度  */ 

  align-content: space-around;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;

子列表加上 flex 即可。

3个子节点的宽度设置.

 width: 30%