头闻号

深圳市圣锐精密模具制品有限公司

模具加工|注塑加工|数控及CNC加工|压铸模

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

今天小编跟大家讲解下有关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可以删掉。

来源:爱蒂网