【问题标题】:jquery mobile listview ignores parent div css rulesjquery mobile listview忽略父div css规则
【发布时间】:2012-08-23 05:53:28
【问题描述】:

我正在尝试将 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

【问题讨论】:

    标签: jquery css listview jquery-mobile


    【解决方案1】:

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

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

    【讨论】: