Question

当我点击左上角的按钮并单击硬件时，每个li之间的空间就很大了。我希望它是0.我怎么能这样做？

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

这是我的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;
}

Answer 1

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

Answer 2

添加你的css

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

<强> Demo

jQuery Mobile，删除与listview可折叠的空间

2 个答案: