1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 p{ 8 width: 200px; 9 overflow: hidden; 10 text-overflow: ellipsis; 11 display: -webkit-box; 12 -webkit-line-clamp: 2; 13 -webkit-box-orient: vertical; 14 } 15 </style> 16 </head> 17 <body> 18 <p>就發生的龍卷風收到貨發生的 阿斯頓發計划書店里輔導書給客戶發大水了發斯蒂芬返回發生的回復科技收到貨發生 19 就發生的龍卷風收到貨發生的 阿斯頓發計划書店里輔導書給客戶發大水了發斯蒂芬返回發生的回復科技收到貨發生 20 就發生的龍卷風收到貨發生的 阿斯頓發計划書店里輔導書給客戶發大水了發斯蒂芬返回發生的回復科技收到貨發生 21 就發生的龍卷風收到貨發生的 阿斯頓發計划書店里輔導書給客戶發大水了發斯蒂芬返回發生的回復科技收到貨發生</p> 22 </body> 23 </html>
效果圖：
注意點：看代碼有webkit自然也就chrome支持好，其他瀏覽器就。。嘖嘖嘖
