我们可以把子类别安排成这样吗？

[ogulcan1787]

你好，友好的朋友们。

我现在是这样使用的。display : flex

我们可以这样做吗？

但是不能那样。display : block

谢谢

[bartv (Bart)]

看起来好多了

[ogulcan1787]

我通过这种方式找到了解决方案。
但是当子类别名称很长时，它会断开。
我在等待是否有人能找到解决方案。
你可以就这样使用它。

名称长时。

名称短时。

.category-list .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.category-list .subcategories .subcategory {
    flex-shrink: 0;
    min-width: 25%;
}

[Alteras (Steven Chang)]

您需要在这里使用 CSS Grid。

类似这样：

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

如果您希望列的大小完全相等，可以将 min-content 更改为 1fr。

[ogulcan1787]

现在这样好多了。谢谢你 @Alteras

[saurabhmithal]

@Alteras

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

如何将此添加到我的社区主题中？

有人能帮忙吗？

谢谢。

[ogulcan1787]

在此处使用 CSS 编写和保存

[Arkshine]

正如 ogulcan1787 所述，您可以创建一个新组件并在此处插入 CSS。

您可以遵循以下说明：

• 转到 管理 → 自定义

• 点击 安装 按钮
  

  

• 然后将其附加到您的主题并点击 编辑 CSS/HTML 按钮
  

  

• 使用 CSS 部分：
  

  

[saurabhmithal]

谢谢 @Arkshine
这很有帮助。