任何人都知道在包装文字上使用CSS文本溢出的方法?

前端之家收集整理的这篇文章主要介绍了任何人都知道在包装文字上使用CSS文本溢出的方法?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人知道在一条正在包装到第二行的文本上使用{text-overflow:ellipsis;}的方法

添加{空格:nowrap;}使文本溢出工作,但我需要文本包装,所以我真的不能使用。

解决方法

我相当确定你想要做的是在纯CSS解决方案中是不可能的。然而,有一种方式可以将类似的结果一起进行黑客攻击。这是我做的:

http://cce.usyd.edu.au/courses/Business+%26+Management/Business+Communication

看到淡入淡出的文字块介绍每个课程?这是通过首先以通常的方式限制溢出,然后将另一个div放置在最后一行的顶部,并在CSS中实现渐变。您也可以插入省略号或其他视觉线索,而不是淡入淡出。

所以,不是完全按照你想要的方式解决问题,而是实现类似的UI结果,以确保用户知道内容被截断。我个人认为这很漂亮:-)

原文链接:https://www.f2er.com/css/218767.html

猜你在找的CSS相关文章