我有一个选择标签，... 像这样，..
<select style="max-width:150px">
<option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
......
</select>
它适用于 FF，.. 但不是 ie，.. 比我更改最大宽度与宽度 style="width:150px"
它适用于两者，.. 但是，..
在即...文本被截断
有人可以帮助我吗？ 我做错了吗？ 有没有更好的解决方法？
对不起，如果我的英语不好:(
【问题讨论】：
标签： html css internet-explorer
这里有一篇文章可以解释为什么 max-width 在您使用的 IE 版本中不起作用：
max-width in Internet Explorer
它展示了如何使用 CSS 表达式在 IE 中模拟 max-width 的示例：
<html>
<style>
body {
width:100%;
margin:0;
padding:0;}
p {
border:1px solid red;
max-width:800px;
width:expression(document.body.clientWidth > 800? "800px": "auto" );
}
</style>
<body>
<p>
[a lot of text]
</p>
</body>
</html>
免责声明：I'm not a fan of CSS expressions，但无论如何这应该可行。
【讨论】：
This jQuery plugin 解决了您描述的问题。
在 Internet Explorer 中设置选择元素的固定宽度 [6/7/8] 将导致所有选择选项都比选择的更宽 设置要裁剪的宽度。
应用此插件可在 Internet Explorer 中创建选择元素 似乎可以像在 [现代浏览器] 中一样工作。
【讨论】：