我在Internet Explorer中使用text-overflow: ellipsis
时遇到了问题,当有经过换行符分隔的文本时无法正常工作。
在Firefox和Chrome中,两行文本都被省略号截断。在Internet Explorer中,第一行被省略号截断,第二行只是右侧被截断。
下面是我的代码:
.text-wrapper {
border: solid 1px #C2C2C2;
padding:10px;
}
.text-wrapper p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<div class="text-wrapper" style="width:250px;">
<p>
This line overflows and gets an ellipsis in any browser.
<br/>
This line overflows and gets an ellipsis in any browser except IE.
</p>
</div>