## 一、多行文本省略 多行文本省略需要在webkit內核的瀏覽器上才有效果，所以這個寫法基本都是在mobile端使用的。 ~~~ <style> .box { width: 100px; height: 58px; background-color: #ccc; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } </style> <div class="box"> hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css hello css </div> ~~~ 上面代碼效果：