Question

我想显示我的数据https://dl.dropboxusercontent.com/u/12173475/sample.png，
有点像控制组，但控制组似乎没有合并两个标签，我怎么办？

这是我的代码（暂时），但我希望它们之间有一条线（比如控制组）。

<ul data-role="listview" data-inset="true">
   <li>
       <div>name</div>
       <div class="ui-li-aside">name1</div>
   </li>
</ul>

Answer 1

您可以通过修改CSS来实现。

<强> HTML

<ul class='my_list' data-role="listview" data-inset="true">
   <li>
       <div>name</div>
       <div class="ui-li-aside">name1</div>
   </li>
</ul>

<强> CSS

.my_list li{
    padding:0px !important;
}
.my_list li div{
    padding:10px;
}
.my_list li div:nth-child(2){
    width:10%;
    border-right:1px solid #ccc;
}
.my_list li .ui-li-aside{
    margin:0px;
}

这是Demo Fiddle

如何使listview项像控件组？

1 个答案: