html - JQueryMobile 1.1.1 列表项未锚定在左侧

标签 html css jquery-mobile

我正在尝试创建一个简单的缩略图列表,代码几乎是从 jqm 文档页面复制而来的。但是,当我使用下面的代码时,列表的按钮元素并未锚定在列表项的左侧,而是居中显示...有人可以帮助我吗?这让我发疯!

除了 jquerymobile 默认页面模板中的样式外,我没有任何样式

<div id="listDiv" class="ui-content" data-role="main">
    <div id="listInformation" data-role="content-primary">
        <ul id="swipeMeChildrenList" data-role="listview" class="ui-listview">
            <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
                <div class="ui-btn-inner ui-li">
                    <div class="ui-btn-text">
                        <a href="index.html" class="ui-link-inherit">
                        <img src="images/album-p.jpg" class="ui-li-thumb">
                        <p>Ha</p>
                        </a>
                    </div>
                    <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                </div>
            </li>
        </ul>
    </div>
</div>

最佳答案

您使用什么代码生成列表?一个简单的列表将被指定如下:

    <ul data-role="listview">
        <li>
            <a href="index.html">
                <img src="images/album-p.jpg" />Ha
            </a>
        </li>
    </ul>

jQuery Mobile 将负责根据平台添加所有必要的类。

关于html - JQueryMobile 1.1.1 列表项未锚定在左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12591320/

相关文章:

html - CSS,尽管有容器,但将它们保持在一行上

javascript - 如何使此 slider 自动播放图像而不是单击

ios - Phonegap/Cordova 2.7.0 : exec_gap file not found

javascript - jQuery:循环重复切换显示/隐藏多个以数字命名的类

html - 内联 block div 的垂直对齐边框

css - jQuery-Dialog 中的样式表

html - div 中的图像在图像下方有额外的空间

javascript - CSS 页脚 div 不会隐藏

html - jQuery Mobile 选择图片供稍后上传

用于匹配 HTML 标签的 JavaScript 惰性正则表达式