整块文本溢出省略

嚣张.miner

于 2021-03-25 08:06:41 发布

阅读量83

点赞数

分类专栏： html+css3 文章标签： css 文本溢出省略号

本文链接：https://blog.youkuaiyun.com/zm_miner/article/details/115192442

版权

html+css3 专栏收录该内容

6 篇文章

订阅专栏

单行文本，使用单行省略

  width: 200px
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; // 块状

多行文本的超长省略

    width: 200px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;  /* 设置对其模式 */
   -webkit-line-clamp: 2;

使用 -webkit-line-clamp 相关属性