文字超出...显示

最新推荐文章于 2024-04-25 14:56:18 发布

摇摇奶昔x

最新推荐文章于 2024-04-25 14:56:18 发布

阅读量228

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS、CSS3 HTML5

本文链接：https://blog.youkuaiyun.com/weixin_42508745/article/details/105095508

HTML5 同时被 2 个专栏收录

21 篇文章

订阅专栏

CSS、CSS3

8 篇文章

订阅专栏

<p class="arttextoverflow"></p>

//只能一行展示，展示不全用...显示
.artTextOverflow{ 
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }

//显示两行
 .artMultilineTextOverflow{
    overflow: hidden;
    word-break:break-all; 
    word-wrap:break-word;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }