1.行内文本不换行:
单行
overflow: hidden; // 移除隐层也必须添加
text-overflow: ellipsis; // 这是出现省略号的关键代码
white-space:nowrap; // 强制不换行
多行:
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 控制截取几行
1.行内文本不换行:
单行
overflow: hidden; // 移除隐层也必须添加
text-overflow: ellipsis; // 这是出现省略号的关键代码
white-space:nowrap; // 强制不换行
多行:
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; // 控制截取几行