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

Question

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

<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. 还要考虑您的浏览器和设备功能。