【问题标题】:How to adjust spacing between list items in MediaWiki?如何调整 MediaWiki 中列表项之间的间距?
【发布时间】:2019-07-15 14:56:28
【问题描述】:

在我主持的 MediaWiki 中,无序列表的间距很尴尬,尤其是在不同级别的项目之间。您可以在下图中看到这一点,其中二级项目 (Banana) 与其父项 (Apple) 之间的垂直间距大于二级项目与后续项目 (Orange) 之间的垂直间距。

到目前为止,我已经尝试向 MediaWiki:Common.css 添加一些 CSS 来纠正这个问题。我不是 CSS 专家,所以主要是反复试验。我最好的猜测是 ul 的 margin-top 设置得太大,所以我尝试添加以下 CSS:

li { padding: 0px; margin: 0px; }
ul { padding-top: 0px; margin-top: 0px; }

不幸的是,这似乎没有帮助。如何删除这个额外的间距?

【问题讨论】:

    标签: css format mediawiki


    【解决方案1】:

    你可以尝试在css中使用“line-height”

    li{line-height:16px;}

    或者您可以使用 chrome 的调试工具来了解天气是填充还是边距

    【讨论】:

    • 使用 Chrome 的检查工具是一个很好的建议。对于有问题的 ul,Chrome 似乎表明以下样式覆盖了我在 Common.css 中提供的样式: .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { margin: 0.3 em 0 0 1.6em;填充:0; }
    • 在你的风格中使用 !important ul { padding-top: 0px !important;边距顶部:0px!重要; }
    • 添加 !important 标签修复了它!谢谢!