select选项太长没法显示信息设定overflow:hidden在

2021-01-20 09:02 jianzhan
在下图中有1个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能够删除。