javascript - 格式化后将文本 chop 为特定行数

Question

我正在制作一个网站，它将显示来自 YouTube API 的一些视频，并在服务器端将视频描述 chop 为 170 个字符。它们必须放在一个狭窄的盒子里，所以每当它包含 URL 或长单词时，它会包裹很多，有时它会溢出容器。是否有客户端 chop 字符串的方法并在末尾添加省略号(我可以使用 overflow:hidden 但我不能使用省略号。这是我最后的选择)。

下面是我正在尝试做的事情的图片:

Answer 1

以省略号结尾的多行文本的唯一原生方式是 -webkit-box 和 -webkit-line-clamp 支持非常低。

div{
 width:150px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; /* number of lines to show */
 -webkit-box-orient: vertical;
}

示例 http://jsfiddle.net/rmy2Y/

否则你需要找一些 css hack 或 js 脚本。