头闻号

广州市诚信化工有限公司

瘦身化学品|皮肤用化学品|丰胸化学品|芳香除臭化学品|彩妆化学品|毛发用化学品

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

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

来源:爱蒂网