文本溢出:省略号在IE中不适用于

时间:2015-06-24 09:28:03

标签: css internet-explorer

当使用文本溢出:省略号并且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

1 个答案:

答案 0 :(得分:0)

这可能是IE

的解决方案之一

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