flex 布局让ul 里面的li自适横向应布局每行有6个

可以使用以下的 CSS 代码实现：

ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

li {
  flex-basis: calc(16.666% - 10px);
  margin-bottom: 10px;
}

解释：

• display: flex; 将 ul 元素设置为 flex 容器。
• flex-wrap: wrap; 如果 flex 容器中的子元素太多，需要换行显示，使用 flex-wrap: wrap; 让子元素自动换行。
• justify-content: space-between; 让子元素在每行中均匀分布，并且在行首和行尾留出空白。
• flex-basis: calc(16.666% - 10px); 让每个 li 元素的基础宽度为 16.666%，同时减去 10px 的 margin-bottom，以便在每行中显示 6 个 li 元素。
• margin-bottom: 10px; 让每个 li 元素之间留出 10px 的间距。