限額中的字數限制

Question

Here是3個盒子的位置。他們都分享相同數量的字符。在框內，我需要限制文本，以便如果用戶插入更多文本，則最後一個單詞後面是...防止內容覆蓋該框。

我已經嘗試過使用文本溢出：ellipsis;

但我相信我錯了。如果我爲每個框添加更多文本，則文本將覆蓋該框。

Answer 1

text-overflow: ellipsis僅適用於以下組合：固定寬度，溢出隱藏和white-space: nowrap;的elipssis不不是多張線工作。

你應該使用這樣的事情：http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/

單線例如：Fiddle

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

Answer 2

text-overflow如果white-space: nowrap設置，這意味着你不能用它來截斷文本只會有效果這不止一條線。

這意味着你堅持截斷服務器上的文本或使用JavaScript。這裏有幾個很好的jQuery插件，像dot dot dot這樣的應用程序應該可以做到。