😁 (超过就显示点点点)

单行:

overflow: hidden;  // 超出的隐藏掉
text-overflow: ellipsis; // 超出的用省略号显示
white-space: nowrap; // 不换行

// 有时候可能还需要控制一下实际长度
width: 100px // 打个比方比如只需要长度100内的显示

多行:

// 前面一行的代码贴过来，并且去掉不换行

display:-webkit-box; // 弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列
-webkit-line-clamp:2; //显示的行数
white-space: wrap; // 改成可换行

// 注意如果是连续的英文字符或者阿拉伯数字或者两者both都有，使用word-wrap: break-word; 或者word-break: break-all，来强行换行

到此结束！