jQuery Mobile inset列出没有按预期添加边距

aln*_*fie 2 jquery-mobile

我试过firefox,chrome和mobile safari.当我向列表中添加data-inset ="true"时,它将正确地围绕列表的角落,但它不会在任何一侧添加1em余量.我无法弄清楚这一点.它甚至可以在一个简单的样板页面上进行,除了列表之外没有任何内容.例如:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head>

<body>
    <ul data-role="listview" data-theme="c" data-inset="true">
        <li><a href="#">first</a></li>
        <li><a href="#">second</a></li>
    </ul>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

没有正确显示.谢谢你的帮助.

aln*_*fie 5

好的,我明白了.为了使这个工作,我只需要<div>使用data-role ="content" 将正文内容包装起来.现在工作正常.