0

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フィドルの答え

4

1 に答える 1

0

リストのマージンを中央に配置するとうまくいくようです

.custom-list{
margin: 0 auto !important;
padding-bottom:1%;
 }
于 2012-08-23T06:29:22.890 に答える