我有一个显示div
多行文本的文本,我想避免剪切文本。overflow:hidden
下面是一个剪辑文本的示例:
我想在纯 CSS 中做到这一点。(没有Javascript)
如果我有固定的高度div
,我可以line-height
用于这个目的,就像这样。
但是,我div
有height:50%
……那么,如何在我的中尽可能多地显示多行div
文本,同时避免文本剪辑?
编辑:目前,我正在使用dotdotdot ellipsis javascript 插件,我还测试了另一个插件(我不记得叫什么名字了);但是它们太慢了,尤其是当有很多框要应用省略号时,尤其是在 iPad 和 Android 平板电脑上。(它们在 Windows 版 Chrome 中要快得多)