限制单词中的单词数量

Question

Here是3个方框的位置。它们共享相同数量的字符。在框内我需要限制文本，以便如果用户插入更多文本，最后一个单词后跟...阻止内容覆盖该框。

  

我已经尝试过文本溢出：省略号;

但我相信我错了。如果我在每个框中添加更多文本，文本将覆盖该框。

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这样的插件就可以了。