html – 选择元素的省略号在IE9和Chrome中不起作用

html – 选择元素的省略号在IE9和Chrome中不起作用,第1张

概述我有一个指定宽度的选择列表. text-overflow:省略号仅适用于Firefox v15.它不适用于IE7-IE9和Chrome.是文本溢出:IE7-IE 9和chrome支持省略号?如果是的话,我在这里缺少什么?是否有工作可以获得类似的效果?请帮忙.提前致谢. Html如下 <!DOCTYPE html><html><body><select style="white-space: 我有一个指定宽度的选择列表. text-overflow:省略号仅适用于firefox v15.它不适用于ie7-IE9和Chrome.是文本溢出:ie7-IE 9和Chrome支持省略号?如果是的话,我在这里缺少什么?是否有工作可以获得类似的效果?请帮忙.提前致谢. Html如下

<!DOCTYPE HTML><HTML><body><select >  <option>Volvooooooooooooo</option>  <option>Saabbbbbbbbbbbb</option>  <option>Mercedesaaaaaaaaaa</option>  <option>Audiiiiiiiiiiiiiii</option></select></body></HTML>
解决方法 我认为当你把它放入一个select元素时,Chrome不支持文本溢出:省略号,你可以在这里看到一个例子: http://jsfiddle.net/t5eUe/

你可以做这个编程.例如,如果你使用Rails,你有函数“truncate”,如果你使用PHP,你有“substr”函数.

总结

以上是内存溢出为你收集整理的html – 选择元素的省略号在IE9和Chrome中不起作用全部内容,希望文章能够帮你解决html – 选择元素的省略号在IE9和Chrome中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1059183.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存