select选项过长无法显示设置overflow:hidden在IE9中不起作用

夕阳渐渐迫近地平线,霞光从地平线晕染开来,将天边的云朵渲染得一片通红。山岗上,我静静地望着那轮夕阳。霞光将我的身影剪裁的冗长。暖暖的阳光将我投射成透明,仿佛随时都会蒸发。
在下图中有一个dojo的select,当选项过长,在IE9中没法显示正确。

css设置如下,"overflow:hidden"没有起作用。
复制代码
代码如下:

.my-select {
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}

在添加了“float:left",适当调整width后,select正常显示如下图。
复制代码
代码如下:

.my-select {
float:left;
width: 200px;
max-width: 200px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
}


如果没有width,对应字符比较少的选项会显示如下。有了width后,max-width可以删掉。

本文select选项过长无法显示设置overflow:hidden在IE9中不起作用到此结束。在避风的港湾里,找不到昂扬的帆。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
input 按钮背景在IE6 IE7中不显示的如何解决方法

h2在div IE7中不垂直居中问题如何解决方法

打印网页中不打印页面中的某些内容

详解overflow:hidden的作用(溢出隐藏、清除浮动、如何解决外边距塌陷)

详解CSS3:overflow属性