文本強制不換行+省略號的解決方法

條件：寬度width+塊級元素
方案：
單行文本 overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
多行文本：display: -webkit-box; //作為彈性盒模型顯示
-webkit-box-orient: vertical; //子元素的排列方式
-webkit-line-clamp: 3; //最多顯示的行數
overflow: hidden;

PS：將height設置為line-height的整數倍，防止超出的文字露出；

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容