css 文字溢出隐藏

css设置文字溢出隐藏
让文字只显示一行，超出显示省略号
多行文本, 显示 n 行,剩下的省略号替代
 

让文字只显示一行，超出显示省略号
overflow: hidden; // 溢出部分隐藏 
white-space: nowrap; // 文字不换行
text-overflow: ellipsis; // 显示省略号
1
2
3
多行文本, 显示 n 行,剩下的省略号替代
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; // 多行在这里修改数字即可，这里显示2行
overflow:hidden;
-webkit-box-orient: vertical;