我想只显示一个包装文本块的第一行,然后在点击时显示整个块.此外,我想知道如何在第二次点击时将其切换回紧凑的单行版本.
有没有一种简单的方法通过css + javascript来做到这一点?我使用jQuery.
看看这个小提琴.
输入Ctrl+ F并搜索"获取"...
对我来说,Chrome会从此文本中找到不可见的文字: A long option that gets cut off
它在Linux/Ubuntu 12.04 Chrome版本31.0.1650.63上重现
HTML
<!--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>
Run Code Online (Sandbox Code Playgroud)
CSS
select {
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
div {
border-style:solid;
width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
Run Code Online (Sandbox Code Playgroud)
如何在页面上显示文本,而不是浏览器突出显示的空白块空白?