0

我有一个显示div文本的文本,我想避免剪切文本。overflow:hidden

下面是一个剪辑文本的示例:

剪切文本示例

我想在纯 CSS 中做到这一点。(没有Javascript)

如果我有固定的高度div,我可以line-height用于这个目的,就像这样

但是,我divheight:50%……那么,如何在我的中尽可能多地显示多行div文本,同时避免文本剪辑?

编辑:目前,我正在使用dotdotdot ellipsis javascript 插件,我还测试了另一个插件(我不记得叫什么名字了);但是它们太慢了,尤其是当有很多框要应用省略号时,尤其是在 iPad 和 Android 平板电脑上。(它们在 Windows 版 Chrome 中要快得多)

4

1 回答 1

0

将示例中#text div 的高度设置为 100%。然后它使用完整高度并在 div #container 中显示最大文本。

看到这个小提琴:更新的小提琴

于 2012-09-03T13:57:58.017 回答