Question

我想在内容div上的listview上方显示标签<label> My Listview </label>。但是列表视图显示不正确，它超过了标签的一半

<div data-role="content">
   <label>My Listview</label>
   <ul data-role="listview">
     <li>Item 1</li>
     <li>Item 2</li>
     <li>Item 3</li>
   </ul>
</div>

布局未正确显示，我使用1.4.5版，如何解决？

Answer 1

将保证金的css添加到底部：

.ui-mobile label {
   display: block;
   margin: 0 0 1em 0; // you can change as you wish.
 }

Answer 2

非插入列表视图的负1em余量。这允许它通过击败任何内容填充来到达页面边缘。在你的情况下，你只需要将上边距设置为0（如果你有下面的控件，也可以设置下边距）：

.ui-content .ui-listview {
    margin-top: 0;
}

如果您需要这样的话，也可以在data-inset="true"上设置<ul>。

Jquery Mobile在Listview上方显示Label

2 个答案: