网站首页编程语言正文

CSS实现单行、多行文本溢出显示省略号的实现方法

作者：more名奇妙更新时间： 2022-10-29 编程语言

1,单行溢出，超出部分显示...或者截取。前提必须有宽度。

width:300px;   
overflow: hidden;   
text-overflow:ellipsis;   
whitewhite-space: nowrap;

2.多行溢出

display: -webkit-box;   
-webkit-box-orient: vertical;   
-webkit-line-clamp: 3;   
overflow: hidden;

原文链接：https://blog.csdn.net/m0_67948827/article/details/127579852