## 一、多行文本省略 多行文本省略需要在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> ~~~ 上面代码效果：