CSS文字超出部分显示省略号

当制作html网页时,有一些标题或者段落太长,显得太难看,我们可以通过CSS来控制一下文本显示

当制作html网页时,有一些标题或者段落太长,显得太难看,我们可以通过CSS来控制一下文本显示,如下

单行省略号,一定要配合宽度width 来实现 或者display:block

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本实现省略号

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

原创文章,作者:ECHO陈文,如若转载,请注明出处:https://www.luweipai.cn/html/348965/