javascript - 固定最大高度的文本换行

Question

我需要一个框 (div)，其中包含多行的一些文本，并且此框需要具有固定的宽度和固定的最大高度。

我正在使用 overflow: hidden; 现在我的问题是，如果最后一行不适合 div 最大高度，它将被剪切(例如只剪切一半行).这种情况下我想做的是不显示最后一行，在最后一行显示省略号

我的问题不是在单个文本行中插入省略号(使用 white-space: nowrap 属性)，主要问题是文本在最后一行被 chop ，省略号不是问题是因为在最后一种情况下我可以使用 jQuery 来插入它

Answer 1

添加

text-overflow: ellipsis;

到分区

编辑:好的，现在不可能，不是以标准化的方式。

但是，可以通过实验性 webkit 功能实现它(参见 this topic )，或者通过 the solution 用 JS 来完成由这个人编写，并托管在 github 上。