文本对齐中心不适用于移动浏览器答案

【问题标题】：text-align center does not works on mobile browsers文本对齐中心不适用于移动浏览器
【发布时间】：2015-10-16 16:09:31
【问题描述】：

我写了text-align=center 并在桌面浏览器上进行了尝试并成功运行，但在移动浏览器上无法运行（iPhone 上的 safari 和 chrome）。

如何编写正确的 css 以使移动浏览器上的文本居中？

.mobileCss{
    width:50%;
    text-align: center;
}

<select class="mobileCss">
    <option>aaaaaaaa</option>
    <option>bbbbbbbb</option>
</select>

【问题讨论】：

【解决方案1】：

最好的尝试是在您的选择上使用 padding-left。

【讨论】：

【解决方案2】：

在纯 CSS 的常规选择框中没有实现文本居中的实际方法。不管你是否愿意，你都必须使用 javascript/jQuery。

你可以：

1) 每次更改值时使用 javascript/jQuery 插件计算大小并居中文本

2) 创建一个完全自定义的独立选择框

【讨论】：