关于多行文字溢出省略

关于多行文字溢出省略

@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; 没什么区别吧

正在回答 回答被采纳积分+1

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

1回答
好帮手慕言 2019-12-20 10:22:03

同学你好,同学提供的代码,可以实现文字溢出显示省略号的效果。不过在第一段代码中text-overflow: hidden;这样写是不对的,因为没有hidden这个属性值,老师在之前的课程中有过讲解,如下:

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

同学可以去复习一下知识,链接:https://class.imooc.com/lesson/761#mid=19015

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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