10

我有一个带有 CSS 的 div:

div.c
{
font-size: 18px;
color: #888;
max-width: 300px;
display: inline-block;
overflow: hidden;
line-height: 20px;
text-overflow: ellipsis;
word-break: break-all;
}

The content in this div is "Abcdef abcdefabcdefabcdefabcdefaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" //for example, given only to show length in div.

但是如果使用上面CSS的, div 内容将被破坏并且没有three dots //as of text-overflow: ellipsis;. 如果我删除word-break: break-all;,那么将形成两行,第一行是第一个单词,第二行是第二个单词。但text-overflow: ellipsis;适用于此。

我该怎么做才能将所有文本保留在一行上并进行text-overflow: ellpsis;工作?

谢谢!

4

1 回答 1

14

white-space: nowrap;是你需要的,我相信。

于 2013-04-09T16:26:52.227 回答