jquery - 如何调整 jquery mobile 中列表项两侧的间距

Question

我有一个这样的列表:

 <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 来调整边距，但是我不希望在手机上查看页面时添加此内容 谢谢

Answer 1

那么您可以采用标准解决方案:

<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/