关于多行文字溢出省略
@mixin line2{ overflow: hidden; text-overflow: hidden; display: -webkit-box; display: box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.multiline-ellipsis{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal !important; word-wrap:break-word; }
和先前学习的一样吧
text-overflow:ellipsis; 没什么区别吧
17
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕言
2019-12-20 10:22:03
同学你好,同学提供的代码,可以实现文字溢出显示省略号的效果。不过在第一段代码中text-overflow: hidden;这样写是不对的,因为没有hidden这个属性值,老师在之前的课程中有过讲解,如下:
同学可以去复习一下知识,链接:https://class.imooc.com/lesson/761#mid=19015
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星