CSS：如何调整列表元素之间的间距答案

【问题标题】：CSS: How to adjust space between list elementsCSS：如何调整列表元素之间的间距
【发布时间】：2022-11-21 21:45:20
【问题描述】：

我尝试为列表编辑 CSS，但我没有找到如何正确调整列表元素之间的行和高度。

网站链接：https://denkimedia.com/prod/K2211001/test/

menu open

但我不知道如何修复列表元素之间的大小：

Display list is not ok

任何想法？ :)

我修改了 article-verticle.css 中的位置和空白以调整行。

.flowpaper-reflow-tocitem{ position:relative; white-space: normal;

padding、margin、height 对调整行间距不起作用。

【问题讨论】：

欢迎使用 SO，请阅读something on my website doesn't work, can I just paste a link to it?，然后使用 sn-p 按钮编辑您的问题以创建minimal reproducible example
请提供足够的代码，以便其他人可以更好地理解或重现问题。

标签： css list

【解决方案1】：

请申请以下CSS：

li.flowpaper-reflow-tocitem-listitem {
    margin-left: -13px !important;
    min-height: 38px;
    display: flex;
    align-items: center;
    background: #4f84eb;
    margin-bottom: 5px;
    border-radius: 5px;
}

li.flowpaper-reflow-tocitem-listitem .flowpaper-reflow-tocitem {
    font-family: Lato;
    color: #fff;
    text-decoration: none;
    display: block;
    padding-left: 12px;
    white-space: break-spaces;
    line-height: 1.2;
}

你会得到这样的结果： https://i.imgur.com/KrxyhBS.png

如果您发现任何问题，请告诉我

【讨论】：