在构建网页的过程中，由于各种原因，常常需要考虑文本溢出的问题。接下介绍两个最常见的文本溢出的写法：单行文本溢出，以及多行文本溢出。
1.单行文本溢出
四个属性缺一不可，要控制width, 才能出现你想要的省略号
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100px;
效果截图如下
单行文本显示省略号.png
四行文本溢出之后，才显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
/* autoprefixer: on */
-webkit-line-clamp: 4;
text-overflow: ellipsis;
overflow: hidden;
效果截图如下
4行文本溢出之后显示省略号.png
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
css实现文本溢出时显示省略号 一、单行文本溢出 如果要实现单行文本的溢出显示省略号可以用text-overflo...
CSS实现单行、多行文本溢出显示省略号（…）
CSS控制文字，超出部分显示省略号 单行文本溢出（overflow、text-overflow、white-sp...
如何让溢出的文本以省略号显示： CSS: HTML: 效果：
实现单行文本溢出的CSS 实现多行文本溢出的CSS 但是！实现多行文本溢出显示省略号的时候webpack不编译-w...
css多行文本溢出显示省略号text-overflowelipsis(省略号)clip(无省略号)string(使...
文本单行溢出显示省略号 实现文本单行溢出显示，需要给该文本的盒子加一定宽度 具体demo 文本单行溢出显示省略号，...
加入一下代码到css中即可 参考资料：CSS文本溢出显示省略号
单行文本溢出显示省略号 多行文本溢出 文字选中滑动背景色 禁止文本缩放 禁止文本选中 css实现不换行、自...
本文标题：css控制文本溢出显示省略号
本文链接：https://www.haomeiwen.com/subject/shudzqtx.html
网友评论