如何调整html元素的位置

Question

我正在使用jQuery Mobile 1.3.2构建Web应用程序。 我有一个ListView，其中的条目不是按钮。 我想在左侧显示一个图标，一个标题，一个详细文本和一个翻转开关。 在每个条目上。 我大致上可以正常工作。 但是，如果我知道如何的话，可以优化我的元素的垂直对齐方式。 也就是说，图标放置在标题上方，但应位于相同位置。 作为替代，我会接受缩略图，但是我不知道如何在不是按钮的列表条目上使用缩略图。

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

            <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中，我根据设备的方向设置了填充和边距。