当我在IE中使用text-overflow: ellipsis;
时,我遇到了两个长单词的问题:
在Chrome中它看起来像这样:
firstlongword1...
secondlongword2...
在IE中:
firstlongword1...
secondlongword2 //单词被裁剪,但没有出现省略号
HTML and CSS:
.orange {
color: #f58026;
text-overflow: ellipsis;
display: block;
overflow: hidden;
}
<span class="orange" title="12 12">first_verylongworddddddddddddddddddddddddddddddddddddddddddd second_verylonglonglonglonglonglonglonglonglonglong</span>
white-space: nowrap;
。 - gearsdigital-webkit
相关的CSS。 - Mr_Greenwhite-space: nowrap;
,文本就不会多行显示。通常情况下,文本只有一行,但用户有机会为名字和姓氏各写50个字符,如果发生这种情况,文本将变成多行显示。 - nikolai-s