flex布局设置横向间隔

以下是两种设置flex布局横向间隔的方法：

1. 使用row-gap属性：

.flexTest {
  height: 500px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 10px;
}

在上述代码中，通过设置row-gap属性为10px，可以在flex布局中的横向元素之间添加10px的间隔空间。

2. 使用gap属性：

.flexTest {
  height: 500px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 10px 20px;
}

在上述代码中，通过设置gap属性为10px 20px，可以在flex布局中的横向元素之间添加10px的纵向间隔和20px的横向间隔空间。