如何对齐文本并选择菜单
如何对齐文本并选择菜单
提问于 2012-10-12 23:52:02
在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
Stack Overflow用户
回答已采纳
发布于 2012-10-12 23:57:26
尝试将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还没有设置为行内显示，这应该可以修复它。由于这是一个移动应用程序，我不得不问：“显示屏是否足够宽，可以并排显示文本和选择？”
您可能必须尝试字体大小和宽度，以使其适合在同一行。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12862780
复制相关文章
相似问题
腾讯云开发者
