CSS：修改列表项之间的间距-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

CSS：修改列表项之间的间距

P粉436410586 2024-04-02 15:46:38

[CSS3讨论组]

613

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

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

菜单打开

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

显示列表不正常

有什么想法吗？ :)

我修改了article-verticle.css中的位置和空白来调整线条。

.flowpaper-reflow-tocitem{ 位置：相对；空白：正常；

内边距、边距、高度对于调整行之间的间距不起作用。

P粉436410586

全部回复(1)

P粉6548949522024-04-03 00:09:14 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.stack.imgur.com/ZEnPs.png

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