html - jquery mobile中的标签宽度

Question

我正在使用 jquery mobile 构建我的 ui，但问题是我无法调整标签的宽度，你能告诉我如何将我所有标签的宽度设置为 108px

http://jsfiddle.net/GZaqz/

下面的代码

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
<label data-role="none" for="basic">Zip</label>
<input style="width: 280px;" data-role="none" type="text"
    name="name" id="basic" value="">
</div>

我正在尝试为所有具有恒定宽度的标签实现与此类似的事情

Answer 1

您的标记存在一些问题 -for标签的属性与输入的名称不同。这会阻止 jQuery Mobile 正确设置您的内容的样式。例如，这个：

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
    <label data-role="none" for="basic">Phone</label>
    <input style="width: 280px;" data-role="none" type="text" name="name" id="basic" value=""  />
</div>

应该改为这个（注意for和name属性现在匹配）：

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
    <label data-role="none" for="basic">Phone</label>
    <input style="width: 280px;" data-role="none" type="text" name="basic" id="basic" value=""  />
</div>

完成此操作后，jQuery Mobile 应该使您的表单几乎按照您想要的方式工作。