我有一个具有指定宽度的选择列表。文本溢出：省略号仅适用于 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 放入 select 元素时，Chrome 不支持它，你可以在这里看到一个例子：http://jsfiddle.net/t5eUe/ http://jsfiddle.net/t5eUe/
您可以进行此编程。例如，如果你使用Rails，你有函数“truncate”，如果你使用php，你有函数“substr”。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
