我正在调整我的一个下拉框的宽度(是的,我知道这样做存在跨浏览器问题).
有没有一种非js的方法来截断溢出文本并追加省略?文本溢出:省略号不适用于<select>
个元素(至少在Chrome中是这样).
select, div {
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
<!--works for a div-->
<div>
A long option that gets cut off
</div>
<!--but not for a select-->
<select>
<option>One - A long option that gets cut off</option>
<option>Two - A long option that gets cut off</option>
</select>
下面是示例: http://jsfiddle.net/t5eUe/个