CSS:修改列表项之间的间距
P粉436410586
P粉436410586 2024-04-02 15:46:38
0
1
351

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

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

菜单打开

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

显示列表不正常

有什么想法吗? :)

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

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

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

P粉436410586
P粉436410586

全部回复(1)
P粉654894952

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!