如何在jquery mobile中调整列表项旁边的间距

时间:2013-05-11 17:37:15

标签: jquery css jquery-mobile jquery-mobile-listview

我有这样的事情清单:

 <ul data-role="listview" data-theme="c">
     <li><item 1/li>
     <li>item 2</li>
 </ul>

但是,这方面的一直延伸到页面的最后。如何在边缘添加某种填充,如在此处找到的api示例中所示:http://jquerymobile.com/demos/1.2.0/docs/lists/lists-nested.html

我知道我可以添加一些可以调整边距的CSS,但我不希望在手机上查看页面时添加 感谢

1 个答案:

答案 0 :(得分:3)

您可以使用标准解决方案:

<ul data-role="listview" data-theme="c" data-inset="true">
    <li><item 1/li>
    <li>item 2</li>
</ul>

或者你可以像这样去任何突击队:

.ui-listview {
    margin: 20px !important;
}

工作示例:http://jsfiddle.net/Gajotres/2PhBQ/