我有一个指定宽度的选择列表。文本溢出:省略号仅适用于 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>
最佳答案
我认为 text-overflow:ellipsis 在 Chrome 中不支持,当你将它放入一个选择元素时,你可以在这里看到一个例子:http://jsfiddle.net/t5eUe/
你可以做这个编程。例如,如果您使用 Rails,则有函数“truncate”,如果您使用 php,则有函数“substr”。
关于html - 选择元素上的省略号在 IE9 和 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12576906/