作家
登录

如何用CSS实现多行文本的省略号显示

作者: 来源: 2017-04-07 13:35:10 阅读 我要评论

  •  
  •    
  •  
  •     background: -webkit-gradient(linear, left topright top
  •  
  •         from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white)); 
  •  
  •     background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);           
  •  
  •     background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); 
  •  
  •     background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); 
  •  
  •     background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); 
  •  
  • 总结之兼容性

    大年夜上文的实现细节来看,我们应用的技能美满是CSS规范中的浮动+定位+盒模型宽度计算,独一存在兼容性问题的在于无关痛痒的渐变实现,是以可以在大年夜多半浏览器下进行测验测验。

    【编辑推荐】

    1. CSS预处理说话的模块化实践
    2. 本来CSS如许写是会让App崩溃的
    3. 深刻懂得CSS属性值语法
    4. 本来CSS如许写是会让app崩溃的
    5. 2017 年值灯揭捉?习的三个CSS 新特点
    【义务编辑:枯木 TEL:(010)68476606】

      推荐阅读

      最适合人工智能开发的5种编程语言

    自负年夜客岁,AlphaGo打遍世界棋手无敌手,人工智能的风头就一向无人能及。在方才以前的IT领袖峰会上,BAT三位大年夜佬都看大好人工智能的将来成长。本年事首?年代,百度就做了一个大年>>>详细阅读


    本文标题:如何用CSS实现多行文本的省略号显示

    地址:http://www.17bianji.com/lsqh/34641.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)