格式化后将文本截断为特定行数

Question

我正在制作一个网站，该网站将显示来自 YouTube API 的一些视频，并在服务器端将视频描述截断为 170 个字符。它们必须放入一个狭窄的盒子中，因此每当它包含 URL 或长单词使其包裹很多时，它有时会溢出容器。是否有客户端方法来截断字符串并在末尾添加省略号（我可以使用溢出：隐藏，但我不能使用省略号。这是我的最后手段）。

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

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 hacks 或 js 脚本。