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

我有一张这样的清单：

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

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

项目2

然而，这个页面的两侧一直延伸到页面的最末端。如何在边缘周围添加某种填充，如下面的api示例所示：

我知道我可以添加一些css来调整页边空白，但是我不希望在手机上查看页面时添加这些css

---

谢谢

您可以选择标准解决方案：

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

---

工作示例：

我有这个，但我真的不喜欢曲线边。谢谢你的想法，虽然你很快，但看看我的其余答案。谢谢，这很有效。但是，如果我调整浏览器的大小，边距总是存在的。在我放弃top的api站点上，当屏幕变小时，间距消失了。如果我在iphone上看到这个，我不希望间隔在那里。有什么想法吗？这就是边际的意义，留在那里。它可以是内容分区上的边距或填充。我可以让它在更小的设备上消失，你只需要告诉我你希望它消失在多大的屏幕上？我知道了。最后我把整个列表的最大宽度设为1300px。然后我添加了“margin:auto”以始终保持两边的边距相等。这很有魅力