【问题标题】: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>

【问题讨论】:

标签: css responsive-design text-align


【解决方案1】:

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

【讨论】:

    【解决方案2】:

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

    你可以:

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

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

    【讨论】:

      猜你喜欢
      • 2020-02-22
      • 1970-01-01
      • 2023-03-13
      • 2019-02-09
      • 2018-09-15
      • 1970-01-01
      • 2013-06-15
      • 2018-03-29
      • 2015-01-14
      相关资源
      最近更新 更多