Question

我有一个选择标签，... 像这样，..

<select style="max-width:150px"> 
     <option value='1'>bla bla bla bla bla bla bla ...(let's say a long words)
     ...... 
</select>

它可以在FF中运行，但不是，...比我更改宽度为style="width:150px"的最大宽度它适用于两者，但是，..，.. 在ie ...文本被截断

谁能帮帮我？我做错了吗？有没有更好的方法来解决它？

抱歉，如果我的英语不好:(

Answer 1

这篇文章可以解释为什么max-width在你正在使用的IE版本中不起作用：

max-width in Internet Explorer

它显示了如何使用CSS表达式在IE中模拟最大宽度的示例：

<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，但无论如何都应该有效。

Answer 2

This jQuery plugin解决了您所描述的问题。

在Internet Explorer中设置select元素的固定宽度[6/7/8]   将导致所有选择比选择更宽的选项   设置要裁剪的宽度。

应用此插件会在Internet Explorer中生成select元素   似乎在[现代浏览器]中可以正常工作。

选择标记中的max-width在IE中不起作用

2 个答案: