文本溢出隐藏

Posted winyh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本溢出隐藏相关的知识,希望对你有一定的参考价值。

/* 多行溢出隐藏 */ 
div{

    width: 150px;(100%);
    height:100px;
    display: -webkit-box;

     -webkit-box-orient: vertical;

     -webkit-line-clamp: 3;

    overflow: hidden; 8

}

  

/* 单行溢出隐藏 */
div{
     width: 150px;
     white-space: nowrap;
     overflow: hidden;
      text-overflow: ellipsis;
}

  

以上是关于文本溢出隐藏的主要内容,如果未能解决你的问题,请参考以下文章

多行文本溢出如何显示省略号

html单行多行文本溢出隐藏

文本溢出隐藏

text-overflow文本溢出隐藏“...”显示

文本溢出添加省略号

单行和多行文本溢出隐藏,省略号代替