選擇框的文本對齊中心在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自動; / *如果您希望它位於其自己的父對象中居中* /}

這就是我根據您的小代碼所建議的一切！