单行文本省略号和多行文本省略号

Posted manban

tags:

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

单行文本省略号的设置必须满足,以下四个条件:

    1.固定的宽度:width:value;

    2.强制在一行显示:white-sapce:nowrap;

    3.溢出部分隐藏不可见:overflow:hidden;

    4.显示省略号:text-overflow:ellipisis;

多行文本省略号:

    1.display:-webkit-box;

    2.-webkit-box-orient:vertical;

    3.-webkit-line-clamp:3;

    4.overflow:hidden;

以上是关于单行文本省略号和多行文本省略号的主要内容,如果未能解决你的问题,请参考以下文章

文本显示,单行超出和多行超出显示省略号

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

实现单行或多行文本溢出显示省略号

文本超出---单行省略和多行省略

单行,多行文本省略号

单行文本和多行文本溢出以省略号显示方法