jquery mobile listview忽略父div css规则

Question

我正在尝试将 jquery 移动列表视图放在父 div 中，但列表视图忽略任何父 css 规则。

<div data-role="page" id="profile">
    <div data-role="content">
     <div class="content_white">
        <ul data-role="listview" data-theme="c"  class="custom-list">
            <li>test</li>
            <li>one</li>
        </ul>
     </div>
   </div>
 </div>

父 div 具有以下 css 规则

.content_white{
position:relative;
margin-bottom:5% !important;
background-color:#ffffff;
border:1px solid #cccccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

基本上我希望列表视图嵌套在父 div 中

JS fiddle answer

Answer 1

在列表中将边距居中似乎可以解决问题

.custom-list{
margin: 0 auto !important;
padding-bottom:1%;
 }