如何對齊文本框和文本在同一行中的所有方向

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 。 還要考慮您的瀏覽器和設備功能。