美文网首页
多行文本显示省略号(移动端和webkit内核的浏览器)

多行文本显示省略号(移动端和webkit内核的浏览器)

作者: 大号火龙果 | 来源:发表于2019-11-19 15:46 被阅读0次

多行显示省略号

                 display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;

把以上代码复制到你的样式中就好啦

单行显示省略号

  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

同样复制就好了

相关文章

  • 多行文本溢出显示省略号

    多行文本溢出显示省略号,有较大兼容性问题,适合于webKit浏览器或移动端(移动端大部分是webkit内核)tex...

  • 一些基础的回顾

    css实现单行,多行文本溢出显示省略号... 单行文本 效果如图: 多行文本(适合webkit浏览器和移动端,大部...

  • 多行文本溢出显示省略号(…)

    单行文本溢出显示省略号 WebKit浏览器或移动端的页面(多行溢出) -webkit-line-clamp 用来限...

  • 文字溢出加省略号

    单行溢出加省略号 多行文本溢出加省略号(移动端或大多数webkit内核)

  • 多行文本溢出显示省略号(…)

    基础方法 但是这个属性并不支持多行文本溢出显示省略号。 WebKit浏览器或移动端的页面

  • 文本省略 + 导航栏处理

    单行省略 多行文本溢出显示省略号 适用于Webkit浏览器及移动端 导航栏的特殊处理

  • 文本显示省略号

    单行文本: 多行文本: 在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以...

  • 多行文本溢出省略号(随便记记

    解决多行文本溢出省略号显示问题: 1.只适用于适用于WebKit浏览器及移动端的方法 #id{ displ...

  • 常用的CSS3属性

    1. 多行文本超出省略号显示 普通单行显示(通用) 多行显示, 只支持chrome内核浏览器, 其它内核浏览器需要...

  • CSS文本溢出显示省略号

    单行 多行 直接用css属性设置(只有-webkit内核才有作用) 移动端浏览器绝大部分是WebKit内核的,所以...

网友评论

      本文标题:多行文本显示省略号(移动端和webkit内核的浏览器)

      本文链接:https://www.haomeiwen.com/subject/yizwictx.html