中心类别标志

用户体验
1

你好，

我搜索了一下，但没有找到如何在查看分类页面时将分类徽标居中显示在导航栏上方的方法。

谢谢。

2

您是指像这样的分类页面吗？

The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)
The image shows a screenshot of a webpage with a blue icon featuring an open book and a green plant growing out of it, alongside the text "Helpful resources you may need." (Captioned by AI)1220×415 80.7 KB

看起来您使用的是入门套餐的试用版，该套餐不允许自定义主题。您需要升级到标准套餐才能实现此功能。

通过自定义主题，您可以添加如下 CSS 来实现：

.category-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}

以获得如下效果：

This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)
This image shows a webpage header with a green logo, a text headline, and several navigation buttons. (Captioned by AI)954×364 50 KB

4 个赞
3

太好了！谢谢！在哪里可以找到有关 display、flex-direction 等属性的文档？也想添加背景颜色。

2 个赞
4

这个链接可能会帮助你开始学习 CSS

你也可以寻找 Theme component 来实现你想要的功能。它们也是一个很好的资源，可以在 GitHub 上查看代码并复制使用。

2 个赞
5

Mozilla 开发者网络 (Mozilla Developer Network) 的质量通常优于 W3Schools：MDN Web Docs

2 个赞
6

太棒了，谢谢，我需要仔细研究一下。