如何对齐文本并选择菜单答案

【问题标题】：how to align the text and select menu如何对齐文本并选择菜单
【发布时间】：2023-03-05 06:00:01
【问题描述】：

我很难在 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>

任何建议都会很有帮助，谢谢。

【问题讨论】：

标签： jquery jquery-mobile

【解决方案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 尚未设置为内联显示，那应该可以修复它。由于这是一个移动应用程序，我不得不问：“显示器的宽度是否足以并排显示文本和选择？”

您可能需要调整字体大小和宽度才能使两者都适合同一行。

【讨论】：