首页 > 教程 > 网页特效源码 > 网页css

    收藏

    CSS多行文本高度溢出隐藏，显示省略号
    2024-04-29网页css11℃
    广告
    核心提示：66666666666666666666
    单行文本溢出隐藏：

    overflow: hidden;


    单行文本溢出隐藏显示省略号：

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


    多行文本溢出隐藏显示省略号：

    text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;


    多行文本溢出隐藏时，-webkit-line-clamp: 2; 把2改成几就显示几行。灵活多变。
 
  • 文本链接：https://mbtxw.com/Course/show.php?itemid=178
  • 文章来源：模板模板
  • 版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。
标签： 省略号 文本溢出

更多>同类教程

0 条相关评论

更多>热门下载

热门图文

热门标签

热门教程

    QQ交流群

    模板天下网QQ群

  • 欢迎DT爱好者加群学习交流：68503649

    联系关注

  • MBTXW.COM腾讯微博
  • 536205792QQ号
  • 68503649加QQ群
  • 536205792@qq.com客服邮箱

联系方式

联系站长
关注模板模板
移动WAP端 模板模板
微信二维码 模板模板
QQ二维码 模板模板
友情链接：
免费HTTPS证书
DT模板网
黄页演示站
旌标网络