如何使选择菜单中的选项居中，这些选项是在jquery mobile中动态创建的

Question

我已动态添加选择菜单的选项。但我希望选项在菜单中对齐，而不是在左侧。请帮忙。

HTML：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu">
</select>

JS：

for(i=0;i<6;i++){
    $('#selectMenu').append("<option value="i+">Option "+i+"</option>");
}

Answer 1

这只是CSS的问题，看看这个：

http://jsfiddle.net/hYLfG/

select {
  text-align : center;
}

OR样式内联：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu" style="text-align:center;">
</select>