Jquery mobile 如何使listview项类似于controlgroup?

Jquery mobile 如何使listview项类似于controlgroup?,jquery-mobile,jquery-mobile-listview,Jquery Mobile,Jquery Mobile Listview,我想这样显示我的数据, 有点像controlgroup,但controlgroup似乎没有合并两个标签, 我该怎么办 这是我的代码(暂时),但我希望它们之间有一条线(比如controlgroup) 名称 名称1 您可以通过修改CSS来实现 HTML <ul class='my_list' data-role="listview" data-inset="true"> <li> <div>name</div>

我想这样显示我的数据,
有点像controlgroup,但controlgroup似乎没有合并两个标签, 我该怎么办

这是我的代码(暂时),但我希望它们之间有一条线(比如controlgroup)

  • 名称 名称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>
这是演示

<ul class='my_list' data-role="listview" data-inset="true">
   <li>
       <div>name</div>
       <div class="ui-li-aside">name1</div>
   </li>
</ul>
.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;
}