话不多说 , 直接上代码 : 设置单行文本 :

width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

width: 200px; 1. 设置固定宽度 white-space: nowrap; 2. 文本不折行 overflow: hidden; 3. 设置文本溢出隐藏 text-overflow: ellipsis; 4. 显示三个小圆点

设置多行文本 :

overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; 设置多少行开始显示小圆点-webkit-box-orient: vertical;