Jquery mobile 右对齐jquery mobile中的元素
我创建了以下元素表单:Jquery mobile 右对齐jquery mobile中的元素,jquery-mobile,Jquery Mobile,我创建了以下元素表单: <div class = "ui-grid-a"> <div class= "ui-block-a"> <div data-role="fieldcontain" class = "ui-hide-label"> <label for="birth-place">Birth Place</label&
<div class = "ui-grid-a">
<div class= "ui-block-a">
<div data-role="fieldcontain" class = "ui-hide-label">
<label for="birth-place">Birth Place</label>
<input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" />
</div>
</div>
<div class = "ui-block-b">
<div data-role = "fieldcontain" class="ui-hide-label">
<label for="province">Province</label>
<input type="text" name="province" id="province" value="" placeholder="PR" />
</div>
</div>
</div>
出生地
省
我想将元素省向右对齐。我该怎么做呢?试试这个:
省
(当然,您也可以将其放入外部css文件中)只需执行以下操作。。。
将此自定义CSS应用于您的代码
label[for="province"] { text-align:right; }
如果不运行,则为标签提供类名,并执行以下操作
label.className { text-align:right; }
应用文本对齐样式:右;直接输入到输入字段,如在本小提琴中
祝你好运
.floatright {
text-align:right;
}
<div data-role="page" class="type-home">
<div data-role="content">
<div class = "ui-grid-a">
<div class= "ui-block-a">
<div data-role="fieldcontain" class = "ui-hide-label">
<label for="birth-place">Birth Place</label>
<input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" class='floatright' />
</div>
</div>
<div class = "ui-block-b">
<div data-role = "fieldcontain" class="ui-hide-label">
<label for="province">Province</label>
<input type="text" name="province" id="province" value="" placeholder="PR" />
</div>
</div>
</div>
</div>
</div>
.floatright{
文本对齐:右对齐;
}
出生地
省
mmh这很奇怪,通常它应该做你想做的事情: