CSS文本溢出，显示省略号（...）

方式1：这种方式就是必须要跟width搭配使用，当你使用的display:flex; 的时候可能会影响样式

 200px;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /* 超出部分显示省略号 */
white-space: nowrap; /*规定段落中的文本不进行换行 */

方式2：

display : -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /*这里设置第几行显示省略号，可以设置第一行或者其他行*/

方式3：未完待续吧

有疑问或者问题，请留言，本人常在回复比较及时。

作者：Cirry

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须在文章页面给出原文连接，否则保留追究法律责任的权利。