头闻号

扬州光华塑料化工厂

化工产品加工|其他聚合物|环氧树脂|粉末涂料|环氧涂料|特种涂料

首页 > 新闻中心 > 科技常识:select选项过长无法显示设置overflow:hidden在IE9中不起作用
科技常识:select选项过长无法显示设置overflow:hidden在IE9中不起作用
发布时间:2024-09-22 10:40:46        浏览次数:1        返回列表

今天小编跟大家讲解下有关select选项过长无法显示设置overflow:hidden在IE9中不起作用 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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可以删掉。

来源:爱蒂网