我遇到了在IE8中居中选择选项元素的问题。基本上,这适用于其他浏览器,但不适用于IE8。
到目前为止,我已经设法避免任何特定于浏览器的黑客攻击,但是从我已经完成的研究来看,IE8可能无法做到这一点。
这是用于说明问题的示例代码。
<html>
<head><style>select { text-align: center; }</style></head>
<body>Debugging Centering Issue
<select>
<option>Short option</option>
<option>Very Long Option with lots of horizontal width</option>
</select>
</body>
</html>
将其加载到FF中,组合框居中。在IE中执行相同操作并且左对齐。
我尝试过使用jQuery Center Element Plugin,没有任何成功。
有没有办法做到这一点?
只是为了澄清,我所说的是选择元素的中心选项(下拉项),而不是select元素本身。
默认情况下不可能。
检查:how to make sure select option text align in the center in IE?
如果真的应该居中,我会用javascript创建一个自定义选择。
如果你愿意,我可以用HTML和Jquery为你编写一个例子。