隨著網絡的不斷進步，web前端是設計也是層出不窮，有時候程序員為了實現效果，也是絞盡腦汁了，今天錯新技術頻道小編帶給大家實現web前端超出兩行用省略號表示的方法，一起來學習學習吧！
實現web前端超出兩行用省略號表示的方法
HTML
<span class="GW_bod0112211"> 吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽吐魯番特級無炳黑加侖葡萄干500g包郵無籽，超大孕婦零食</span>
CSS
span{ height: 40px; line-height: 20px; width: 300px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}?這個屬性應用在移動端兼容性比較好。
效果如下：
如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
上面是錯新技術頻道網為大家實現web前端超出兩行用省略號表示的方法，大家可以將上文的內容作為參考。
新聞熱點
疑難解答
