16
两行文字溢出省略号
我知道您可以使用CSS规则组合来在溢出时(不超出父级的范围)使文本以省略号(...)结尾。 是否有可能(随意说,不)达到相同的效果,但让文本换行超过一行? 这是一个演示。 div { width: 300px; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 如您所见,当文本的宽度大于div的宽度时,文本以省略号结尾。但是,仍然有足够的空间使文本换行并继续。这会被中断white-space: nowrap,以使省略号起作用。 有任何想法吗? PS:没有JS解决方案,如果可能的话,使用纯CSS。