對齊到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> 
         <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>

，我想元素province右對齊。我怎樣才能做到這一點？

來源

2012-02-07 eng_mazzy

試試這個： <span style="float:right"><label for="province">Province</label></span> （當然你也可以把這個也是一個外部CSS文件）

來源

2012-02-07 21:46:53 palme

它沒有工作。我會移動標籤和輸入。 – 2012-02-07 21:55:45

mmh這很奇怪，通常它應該做你想做的事：http：//www.w3schools.com/css/css_float.asp – palme 2012-02-07 22:37:46

只要做到以下... 應用此自定義CSS的代碼......

label[for="province"] { text-align:right; }

如果它不運行他們提供的標籤與類名，然後執行以下..

來源

2012-06-05 13:06:55 SaurabhLP

申請y一種文本對齊方式：正確;直接輸入字段，就像這個小提琴一樣。

http://jsfiddle.net/den232/Fw2yA/

祝你好運！

.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>

來源

2012-10-23 19:49:14 den232

對齊到jQuery Mobile的

回答

相關問題