CSS文字单行隐藏和多行隐藏

老是记不住文字隐藏的CSS是咋写的，百度有时候挺麻烦的，抽空记录一下
CSS单行隐藏：

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

CSS多行隐藏

word-break: break-all;  //可以在英文单词处 超出换行
overflow: hidden;  //超出隐藏
text-overflow: ellipsis;  //抽出用省略号代替
display: -webkit-box;  //将盒子定义为伸缩模型
-webkit-box-orient: vertical;  //盒子在垂直方向展示
-webkit-line-clamp: 2;  //超出 行数隐藏  控制行数

效果如图所示：