2012-10-12 29 views
0

我很難得到jquery mobile中的文本和選擇菜單。如何對齊文本和選擇菜單

我得到現在的問題是:在一個單行文本,但在其他線路

選擇菜單,但我要讓他們在同一行

我的代碼是:

<!--camera function starts here--> 
      <div data-role="fieldcontain" class="text-field"> 
       <b>Report your Photo: </b><select id="select-choice" data-native-menu="false" 
        data-inline="true" data-icon="gear" data-theme="a" 
        name="select-choice" tabindex="-1"> 
        <option value="None">Add Photo</option> 
        <option id="capturePhotoBnt" value="takePhoto">Take Photo</option> 
        <option id="fromLibrary" value="fromLibrary">From Libray</option> 
       </select> 

       <div id="image_canvas"></div> 
       <span class="imageHelp" style="display: none;"><font 
        color="red">Please take a photo !</font></span> 
      </div> 

任何建議將是一個很好的幫助,謝謝。

回答

1

嘗試設置CSS爲select這樣:

/* in a CSS Stylesheet*/ 
select#select-choice { 
    display: inline; 
} 

<!-- as an inline style --> 
<select id="select-choice" style="display: inline;" data-native-menu="false" data-inline="true" data-icon="gear" data-theme="a" name="select-choice" tabindex="-1"> 

//or through jQuery 
$('select#select-choice').css('display', 'inline'); 

假設select尚未設置到內聯顯示器,這應該修復它。由於這是一個移動應用程序,我不得不問:「顯示屏的寬度足以顯示文本和並排選擇嗎?」

您可能需要使用字體大小和寬度來使兩者適合同一行。

+0

它不起作用,但仍然感謝很多人 – user1712576