如何在所有方向的表单中将文本框和文本对齐在同一行中

Question

我正在开发一个jquery网页，其中我有用户名和pwd字段。我想将用户名及其输入文本框对齐到右侧。但是当我把它放在Android手机中时，对齐会改变横向方向。我需要将此文本框和文本对齐在页面中间，即使方向发生更改，它也不会发生变化。请在这方面帮助我。我的代码是。

<div data-role="fieldcontain" >
<div id="a" class="uname">
<label for="name"><font size="1" color="black">  User Name:  </font></label>
<input type="text" name="name"  id="text" data-mini="true" value=""/>
</div>
<div id="b" class="uname">
<label for="password"><font size="1" color="black">Password : </font></label>
<input type="password" name="password" id="text" data-mini="true" value=""/></div>

Answer 1

嗯，希望这适合你。

http://jsfiddle.net/8cHKB/

更改内联CSS以符合您的要求。

有时，您也可以使用data-inline="true"代替display: inline-block。请考虑您的浏览器和设备功能。