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

2019年8月4日 210次阅读

我有一个指定宽度的选择列表. text-overflow：省略号仅适用于Firefox v15.它不适用于IE7-IE9和Chrome.是文本溢出：IE7-IE 9和chrome支持省略号？如果是的话,我在这里缺少什么？是否有工作可以获得类似的效果？请帮忙.提前致谢.
Html如下

    <!DOCTYPE html>
<html>
<body>

<select style="white-space: nowrap;overflow: hidden;
text-overflow: ellipsis;width:70px;
">
  <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”函数.

点赞