GitHub可折叠区块文本与箭头错位问题技术咨询

从截图可见，GitHub上的可折叠区块（<details>标签）里，标题文本和折叠箭头出现错位，标题跑到了箭头的下一行。

预期表现 #

文本应与折叠小箭头显示在同一行，该问题在GitLab上不存在，且影响GitHub上所有使用此类写法的Markdown文件。

问题原因 #

你在<summary>标签内嵌套了<h2>这类块级标题标签，GitHub的默认样式会让块级元素独占一行，从而导致错位。

解决方法 #

不要在<summary>里嵌套块级标题标签，改用行内样式模拟标题效果：

方法1：用Markdown加粗语法 #

<details>
  <summary>**👾 我发现了一个BUG，或者想要提新功能建议**</summary>

blabla

</details>

<details>
  <summary>**👨‍💻 我想要为这个项目做贡献**</summary>

blabla

</details>

方法2：用行内CSS模拟h2样式 #

如果需要更接近原生h2的字号效果，可使用GitHub支持的行内样式：

<details>
  <summary><span style="font-size:1.5em; font-weight:bold;">👾 我发现了一个BUG，或者想要提新功能建议</span></summary>

blabla

</details>

内容的提问来源于stack exchange，提问作者Astral