Question

我尝试使用listview，但它会创建不需要的空间。我该如何解决这个问题。

enter image description here

<!DOCTYPE html>
    <html>
    <head>
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"> </script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script>

    </head>
    <body>
    <div data-role="page" id="home" data-theme="a" data-cache="never">
    <div role="main" class="ui-content">
    <ul data-role="listview" data-inset="true" data-divider-theme="a">
        <li data-role="list-divider">Mail</li>
        <li> <a href="#">Inbox</a> </li>
        <li> <a href="#">Outbox</a> </li>
        <li data-role="list-divider">Contacts</li>
        <li> <a href="#">Friends</a> </li>
        <li> <a href="#">Work</a> </li>
    </ul>
    </div>
    </div>
    </body>
    </html>

jquerymobile 1.4.5 listview

0 个答案: