修复隐藏详情中的间距

贡献 用户体验
1

我注意到使用“隐藏详情”时会出现奇怪的间距问题。

screenshot details
screenshot details2872×1100 472 KB

当详情中的内容仅为文本时，“隐藏详情”下拉菜单与内容之间、以及内容与下一个“隐藏详情”部分之间都有良好的间距。但如果内容是列表，这种情况就不成立了。

在 Meta 上

当内容为文本时

看看这段内容与“当内容为文本时”之间的留白，以及这段内容与下方“当内容为无序列表时”之间的留白！

当内容为无序列表时
  • 唉……现在这段内容与“当内容为无序列表时”之间没有间距了
  • 这段内容与下方“当内容为有序列表时”之间也没有间距了
当内容为有序列表时
  1. 现在这段内容与上方的“当内容为有序列表时”之间有间距了
  2. 下方也有间距！
仅作填充内容

请参见上方的标题。

3 个赞
2

这应该能解决问题：

   .cooked details[open]>ul {
        margin: 1em 0;
    }
3

这与“隐藏详情”并无直接关联，而是因为列表会结束内容区域，而非段落。最简单的变通方法是在底部添加一个段落或 HTML 注释。