截断多行中心文本&添加省略号

时间:2014-06-11 23:08:09

标签: javascript html css

我想知道如何截断多行文字(在我的情况下,在三行之后)&在文本居中时添加省略号。

现在,我有一些隐藏溢出文本的CSS,但我还没有想出添加省略号的方法。

Text-overflow: ellipsis;不起作用,因为这是多线的。

另一个解决方案建议在文本div的右下方隐藏/显示带有“...”的div,但这对于居中文本不起作用。

还有其他想法吗?

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery插件,例如dotdotdot plugin 用法非常简单:

$(".container").dotdotdot();

<强> fiddle