将字符串截断为单词和框大小

Question

有没有办法截断字符串以适应某些框大小而只保留完整的单词？

CSS解决方案截断为框大小，但会破坏单词：

.truncate {

  width: 250px;

  white-space: nowrap;

  overflow: hidden; 

  text-overflow: ellipsis; 

}

虽然php truncate会将字符串剪切为字符数，但不会剪切为字符长度。例如，具有许多i的字符串将占用更少的空间，然后是具有许多M的字符串。

有没有办法让两全其美？

Answer 1

我认为CSS不可能。我曾经用过这个jQuery插件，http://dotdotdot.frebsite.nl/

希望它有所帮助， 加雷

编辑： 刚刚在重复的帖子上发现了这一点，https://stackoverflow.com/a/13015271/1692802解释说有一种方法可以使用CSS，但它已从标准中删除，并且不受许多浏览器text-overflow:ellipsis-word;的支持。另外，有人也提到了上面的插件！