css超出部分...樣式或者多行...

這個是 一行的

 white-space:nowrap;//不換行
 overflow: hidden;//超出隱藏
 text-overflow: ellipsis;//變成

效果圖 注意：解決webpack不能編譯scss文件中的-webkit-box-orient:vertical問題 處理多行文本溢出的樣式，但是在webpack編譯之後，-webkit-box-orient:vertical 這個樣式丟失了 解決方法：

 .banner{
 width: 733px;




 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 /*!autoprefixer:off*/
	-webkit-box-orient: vertical;
	/*autoprefixer:on*/
 margin-bottom: 16px;
 }
 <div class="banner">
阿斯頓發的說法 都是發大水發大水發S的發送到發多少阿斯頓發的說法 都是發大水發大水發S的發送到發多少阿斯頓發的說法 都是發大水發大水發S的發送到發多少阿斯頓發的說法 都是發大水發大水發S的發送到發多少阿斯頓發的說法 都是發大水發大水發S的發送到發多少阿斯頓發的說法 都是發大水發大水發S的11111發送到發多少阿斯頓發的說法 都是發大水發大水發S的發送到發多少111111
 </div>

效果圖 微信超過2行出現省略號

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

效果