text-overflow:ellipsis does not work with in

问题:

When using text-overflow:ellipsis and there is br tag in markup in IE then second line is not cut off.

Markup:

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

Css:

.text{
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

Output:

reall...
really long

Expected (how it works in other browsers):

reall...
reall...

Here is fiddle

回答1:

This could be one of the solutions for IE

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