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

Posted cavange

tags:

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

/* 单行文本溢出隐藏,省略号代替 /
width: 200rpx;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
/
多行文本溢出隐藏,省略号代替 /
width: 200rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; /
设置对齐模式/
-webkit-line-clamp: 2; /
显示行数*/

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

HTML多行文本超出区域用省略号代替

单行文本与多行文本省略文本

单行显示省略号/指定行显示省略号

div中文字溢出用省略号代替,最后面加上[详情] 求解

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

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