美文网首页
css 文本显示,溢出省略号表示

css 文本显示,溢出省略号表示

作者: _MEmeNTO_ | 来源:发表于2019-03-07 11:02 被阅读0次
    
    <div class="box">文本文本文本文本文本文本文本文本文本文本文本文本</div>
    
    // 单行
    .box {
      width: 100px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
    
    // 单行&多行,此方案使用webkit 私有属性,不适用于IE
    .box {
      width: 100px;
      text-overflow: ellipsis;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: n; // n为显示的行数
      -webkit-box-orient :vertical;
    }
    
    
    

    相关文章

      网友评论

          本文标题:css 文本显示,溢出省略号表示

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