搜索

首页  >  问答  >  正文

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

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

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

菜单打开

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

显示列表不正常

有什么想法吗? :)

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

.flowpaper-reflow-tocitem{ 位置:相对;空白:正常;

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

P粉436410586P粉436410586229 天前424

全部回复(1)我来回复

  • P粉654894952

    P粉6548949522024-04-03 00:09:14

    请应用以下 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

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

    回复
    0
  • 取消回复