如果你有一个文本长度相似的选项列表(例如页面选择)，那么另一个“假”解决方案是:

padding-left: calc(50% - 1em);

这适用于Chrome、Firefox和Edge。这里的技巧是推送文本 从左边到中间，然后减去px, em或任何选项文本长度的一半。

最佳解决方案IMO(在2017年)仍然是通过JS替换选择，用div或其他东西构建自己的假选择框，并绑定单击事件，以获得跨浏览器支持。

是的，这是可能的。您可以使用text-align-last

text-align-last: center;

就用这个:

select {

text-align-last: center;
padding-right: 29px;

}

这是对齐右。试一试:

select{
    text-align-last:right;
    padding-right: 29px;
    direction: rtl;
}

浏览器对文本对齐-最后属性的支持可以在这里找到:https://www.w3schools.com/cssref/css3_pr_text-align-last.asp 看起来只有Safari还不支持它。

简单的方法: 使用padding-left

select{
   padding-left:2rem
}

有一个Chrome的部分解决方案:

select { width: 400px; text-align-last:center; }

它会将所选选项居中，但不会将下拉列表中的选项居中。