# 首页（子）分类显示 - 大量空白

**URL:** <https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255>\
**Category:** Support\
**Created:** [2021年七月15日 14:54 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255 "2021-07-15T14:54:59Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![hollyw](https://avatars.discourse-cdn.com/v4/letter/h/4da419/32.png) [@hollyw](https://meta.discourse.org/u/hollyw)\
**Post date:** [2021年七月15日 14:54 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/1 "2021-07-15T14:54:59Z")

</div>

我们最近将 Discourse 更新到了 2.8.0.beta2 版本，发现类别图片/文本与下方子类别列表之间存在较大的间距。示例如下：

 ![img](https://global.discourse-cdn.com/meta/original/3X/1/5/15e76a0f838d7be33f8c39cd36e0fb8e8bcf90b5.png)

我指的是“公告”子类别上方的大片空白区域。在包含多个子类别的其他类别中，这一问题更为明显。更新前，空白区域较小，整体布局看起来更加协调。这是有意为之的更新吗？

---

<div class="post-metadata">

**Author:** ![osioke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osioke/32/238946_2.png) [@osioke](https://meta.discourse.org/u/osioke)\
**Post date:** [2021年七月15日 15:48 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/2 "2021-07-15T15:48:58Z")

</div>

您之前使用的是哪个版本？这可能不是 Discourse 核心更新导致的问题，而是您的主题中的问题。您是否尝试过 [安全模式](https://meta.discourse.org/t/how-to-use-discourse-safe-mode/53504) 来查看问题是否仍然存在？

---

<div class="post-metadata">

**Author:** ![hollyw](https://avatars.discourse-cdn.com/v4/letter/h/4da419/32.png) [@hollyw](https://meta.discourse.org/u/hollyw)\
**Post date:** [2021年七月15日 19:11 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/3 "2021-07-15T19:11:33Z")

</div>

我认为我们之前使用的是 2.7.0.beta8。我进行了一些安全模式测试，在那里也看到了相同的空白问题。

---

<div class="post-metadata">

**Author:** ![osioke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osioke/32/238946_2.png) [@osioke](https://meta.discourse.org/u/osioke)\
**Post date:** [2021年七月15日 21:21 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/4 "2021-07-15T21:21:08Z")

</div>

当你说“一些”测试时，具体是什么意思？你是否禁用了所有主题和插件？

---

<div class="post-metadata">

**Author:** ![hollyw](https://avatars.discourse-cdn.com/v4/letter/h/4da419/32.png) [@hollyw](https://meta.discourse.org/u/hollyw)\
**Post date:** [2021年七月15日 21:39 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/5 "2021-07-15T21:39:28Z")

</div>

是的，我已测试过勾选全部三个选项以禁用所有主题和插件。由于主题被禁用，分类图片显得更大，但空白区域保持不变。

 ![img](https://global.discourse-cdn.com/meta/original/3X/f/d/fd66cf012d4c05f982c5e5f0a904259be487bbbc.png)

---

<div class="post-metadata">

**Author:** ![osioke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osioke/32/238946_2.png) [@osioke](https://meta.discourse.org/u/osioke)\
**Post date:** [2021年七月15日 21:57 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/7 "2021-07-15T21:57:34Z")

</div>

好的，我正在向比我更熟悉前端代码的同事求助，请稍等！

---

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2021年七月17日 18:19 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/8 "2021-07-17T18:19:08Z")

</div>

嘿 @hollyw 👋

我一时想不起该区域近期有任何变更。不过，如果你想减少类别标志与子类别列表之间的空白，可以在你的 [主题](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 的 `common > css` 部分添加如下代码：

```css
.categories-list .category-logo {
  margin-bottom: 0.25em;
}

```

如果这不起作用，能否提供一个你遇到该问题的网站链接，以便我进一步查看？

---

<div class="post-metadata">

**Author:** ![osioke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osioke/32/238946_2.png) [@osioke](https://meta.discourse.org/u/osioke)\
**Post date:** [2021年七月26日 11:56 UTC](https://meta.discourse.org/t/homepage-sub-category-display-lots-of-whitespace/197255/9 "2021-07-26T11:56:50Z")

</div>


