帶省略號和nowrap空格的textwrap

Question

我想使用ellipsis來截斷一些長文本。

但是，在我目前的實施中，它不包含會導致超出div的額外字數，並且不會顯示ellipsis來指示文本被切斷。

我在做什麼錯？

http://jsfiddle.net/sw6Sp/6/

<div class="testWrap">This is some very long text that I want to cut off </div> 

.testWrap{ 
    max-width: 125px; 
    height:15px; 
    overflow: hidden; 
    text-overflow:ellipsis; 
    border: 1px solid black; 
} 

Answer 1

只要使用text-overflow: ellipsis與white-space: nowrap一起。

Updated Example

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

Answer 2

添加CSS規則white-space: nowrap;應該解決您的問題。

<div class="testWrap" style=" 
    max-width: 125px; 
    height:15px; 
    overflow: hidden; 
    text-overflow:ellipsis; 
    border: 1px solid black; 
    white-space: nowrap; 
">This is some very long text that I want to cut off </div>