本文介绍了使用CSS,请使用“...”用于多行的溢出块的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
与
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
如果溢出,...将显示在行末。
然而,这将只显示在一行。
但我想要多行显示。
"..." will be shown in the end of the line if overflowed.However, this will be shown only in one line.But I would like it to be shown in multi-lines.
它可能看起来像:
+--------------------+
|abcde feg hij dkjd|
|dsji jdia js ajid s|
|jdis ajid dheu d ...|/*Here it's overflowed, so "..." is shown. */
+--------------------+
推荐答案
还有一些jquery插件来处理这个问题,但是许多插件不能处理多行文本。以下作品:
There are also several jquery plugins that deal with this issue, but many do not handle multiple lines of text. Following works:
- http://pvdspek.github.com/jquery.autoellipsis/
- http://dotdotdot.frebsite.nl/
- http://keith-wood.name/more.html
- http://github.com/tbasse/jquery-truncate
还有一些。
这篇关于使用CSS,请使用“...”用于多行的溢出块的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!