选择框的文本对齐中心在iPhone上不起作用

Question

选择框的文本对齐中心在iPhone上不起作用。 请帮帮我。

它适用于所有没有iPhone的设备。

<style>.demo select {text-align:center;text-align:-moz-center;text-align:-webkit-center;width:200px;}</style>

<div class="demo">
<select>
    <option>demo</option>
    <option>demo</option>
    <option>demo</option>
    <option>demo</option>
    <option>demo</option>
</select>

Answer 1

使用您提供的少量代码，可能会出现以下问题：

1. 您无需添加供应商前缀来进行文本对齐，尽管所有操作都做错了，但所有浏览器均支持该前缀。 供应商前缀位于CSS属性之前，而不位于值之前，如下所示：

   -webkit-border-radius：2px;

2. 根据您提供的代码，您没有关闭div标签。

3. text-align属性指定元素中文本的水平对齐方式。 在您的情况下，父元素是div.demo。 如果你想选择元素到div内的中心，你的DIV需要有一些指定的宽度。 例如：

   div.demo {width：500px; 保证金：0自动; / *如果您希望它位于其自己的父对象中居中* /}

这就是我根据您的小代码所建议的一切！