css - 文本溢出 :ellipsis does not work with in IE

Question

当使用 text-overflow:ellipsis 并且在 IE 中的标记中有 br 标签 时，第二行不会被截断。

标记:

<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

Answer 1

这可能是 IE 的解决方案之一

<div class="text">
really long text
<br/>
<div class="text">really long text
</div>
</div>