CSS 基础：单行与多行省略号

今天，我们要讲的是单行与多行省略号的 CSS 实现。

单行省略号

主要是用 text-overflow 属性，但为了截断也要用 overflow 和 width 属性。

多行省略号

首先，用 flex: -webkit-box;，将容器设置为弹性盒子模块，这是老版本的 flex，然后，设置 -webkit-box-orient: vertical; 和 -webkit-line-clamp: 3; 让其向下布局，并截断三行显示省略号，demo 同上。

本文作者：

本文出处： 刘一奇的个人博客

本文链接： http://www.liuyiqi.cn/2019/06/02/css-ellipsis/

发布时间： 2019年6月2日 - 13时06分

版权声明： 本文由 原创，采用 保留署名-非商业性使用-禁止演绎 4.0-国际许可协议
转载请保留以上声明信息！