当使用文本溢出:省略号并且IE中的标记中有 br tag 时,第二行不会被截断。
标记:
<div class="text">
really long text
<br/>
really long text
</div>
的CSS:
.text{
width: 50px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
输出:
reall...
really long
预期(在其他浏览器中如何运作):
reall...
reall...
这是fiddle
答案 0 :(得分:0)
这可能是IE
的解决方案之一 <div class="text">
really long text
<br/>
<div class="text">really long text
</div>
</div>