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

【问题标题】：jQuery Mobile, remove space in collapsible with listviewjQuery Mobile，使用列表视图删除可折叠空间
【发布时间】：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;
}

【问题讨论】：

标签： jquery-mobile jquery-mobile-listview jquery-mobile-collapsible

【解决方案1】：

.ui-listview {line-height: 0;}

【讨论】：

【解决方案2】：

添加你的CSS

.ui-listview, .ui-listview > li{margin-bottom:-22px;}

Demo

【讨论】：

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