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

使用您提供的小代码，可能存在以下问题：

您不需要为text-align添加供应商前缀，它是所有浏览器都支持，尽管你做错了无论如何。供应商前缀位于CSS属性之前而不是之前价值，如：

-webkit-border-radius：2px;
根据您提供的代码，您没有关闭div标签。
text-align属性指定文本的水平对齐方式在一个元素。在您的情况下，父元素是div.demo。如果你想让select元素在div中居中，你的div需要有一些指定的宽度。例如：

div.demo { 宽度：500px; 保证金：0自动; / *如果你想让它在自己的父母中心* / }

这就是我根据你的小代码建议的全部内容！

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

1 个答案: