Question

我正在使用jQuery Mobile 1.3.2构建Web应用程序。我有一个ListView，其中的条目不是按钮。我想在左边有一个Icon，标题，详细文本和翻转开关。在每个条目。我得到了大致的工作。但如果我知道如何，我的元素的垂直对齐可以优化。这意味着，图标的位置高于标题，但应位于相同的位置。作为替代方案，我会接受缩略图，但我不知道如何处理不是按钮的列表条目。

以下是列表条目模板的代码：

            <li id="entryTemplate" class="entry">
                <img class="ui-li-icon" />
                <h2 id="ui-li-title" class="wrap"></h2>
                <div data-role="fieldcontain" id="flip-contain">
                    <!-- Switch -->
                </div>
                <p id="ui-li-Status" class="wrap"></p>
            </li>

有关于此的任何想法吗？

Answer 1

我很抱歉标记了这个错误。当然这不是一个jqm问题@mizurnix。我想出了一个CSS和HTML的解决方案：

<li id="entryTemplate" class="entry">
    <img class="ui-li-icon iconfnctnlst"/>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <h2 id="ui-li-title" class="wrap"></h2>
            </div>
        <div class="ui-block-b">
        <div data-role="fieldcontain" id="flip-contain" class="switchfnctnlst">
            <!-- Switch -->
        </div>
    </div>
    <div class="ui-block-a" style="width: 100%">
        <p id="ui-li-Status" class="wrap"></p>
    </div>
</div>

在CSS中，我根据设备的方向设置填充和边距。

如何调整html元素的位置

1 个答案: