如何实现多行内容溢出显示省略号?

如何实现多行内容溢出显示省略号?

我用的是flex布局,除了使用伪类把最后的内容覆盖成省略号外还有别的办法吗?http://img1.sycdn.imooc.com//climg/5d8a4f8a091e0d7413650577.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,测试了下,在主流浏览器(谷歌、火狐)下都是可以实现效果的。

也可以使用同学提到的伪类的方法,同学能够实现效果就可以了

如果帮助到了你,欢迎采纳~祝学习愉快~

好帮手慕言 2019-09-25 11:03:31

同学你好,想实现文字溢出显示省略号,可以使用css样式。

可以参考下方的例子:
http://img1.sycdn.imooc.com//climg/5d8ad8bf09185cc515800381.jpg

http://img1.sycdn.imooc.com//climg/5d8ad8d30905323b12340527.jpg

页面效果:

http://img1.sycdn.imooc.com//climg/5d8ad8ff0957c6b107220139.jpg

如果帮助到了你,欢迎采纳~祝学习愉快~

  • 提问者 见信 #1
    这种方法我看过,只有weibkit内核下才行呀,就没有别的什么方法了吗
    2019-09-25 11:05:10
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师