Question

我很难获得文本并在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>

任何建议都将是一个很好的帮助，谢谢。

Answer 1

尝试将select的CSS设置为：

/* 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尚未设置为内联显示，则应该修复它。由于这是一个移动应用程序，我不得不问：“显示器的宽度是否足以同时显示文本和选择？”

您可能需要使用字体大小和宽度来使两者适合同一行。

如何对齐文本和选择菜单

1 个答案: