Question

我想做一个很好的布局表：http://jquerymobile.com/demos/1.2.0/docs/lists/lists-forms-inset.html

左侧的文字标签，然后是右侧对齐的输入/信息。

当我插入输入，选择等时，它在右侧正确对齐。但是，我不确定如何插入简单文本，以便在右侧正确对齐。是否有＆lt;＆gt;标签我需要包围我的文本，以便它正确对齐？

感谢您的帮助。

<ul data-role="listview" data-inset="true">
    <li data-role="fieldcontain">
        <label for="name">Text Input:</label>
        <input type="text" name="name" id="name" value=""  />
    </li>
    <li data-role="fieldcontain">
        <label for="textarea">Textarea:</label>
        THE TEXT I WOULD LIKE TO SEE RIGHT-ALIGNED.
    </li>
</ul>

以下是一个示例：https://tinker.io/71d3c/1

Answer 1

您应该添加一个类 ui-input-text ，如下所示：

<label for="textarea" class="ui-input-text">Textarea:</label>
THE TEXT I WOULD LIKE TO SEE RIGHT-ALIGNED.

以下是一个示例：http://jsfiddle.net/YA8f6/

修改

以下是右对齐的示例：http://jsfiddle.net/DqD7X/

带有文本的插入列表

1 个答案: