jQuery Mobile，使用列表视图删除可折叠空间

Posted 2023-05-09

【中文标题】jQuery Mobile，使用列表视图删除可折叠空间

【英文标题】：jQuery Mobile, remove space in collapsible with listview

【发布时间】：2015-05-06 14:06:56

【问题描述】：

当我单击左上角的按钮并单击硬件时，每个 li 之间的空间很大。我希望它为 0。我该怎么做？

我尝试了各种解决方案，但没有任何效果。

这是我的jsfiddle

我尝试了一些自定义 css：

 .custom-li 
    padding: 0 !important;
    border-width:0 !important;


.custom-li +li 
    border-top-width: 0 !important;  


.custom-li li[data-role="collapsible"]
    margin: 0 !important;   
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-width:0 !important;

【参考方案1】：

.ui-listview line-height: 0;

【参考方案2】：

添加你的CSS

.ui-listview, .ui-listview > limargin-bottom:-22px;

Demo

【讨论】：

非常感谢 - 我花了最后一个小时寻找那个：P