CSS多行文字出現…的省略號

常用於標題、預覽內文時會先看到局部的文章
可用CSS去隱藏超出父層寬度,並顯示…省略號
多行跟單行只要調整-webkit-line-clamp的值就可以

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; /*超過就隱藏的行數*/
-webkit-box-orient: vertical;

關於站主

Shiro

因為興趣無限擴張,一直很猶豫要不要寫一個很雜的Blog,後來還是這麼做了。

聯絡:shiro050102✦gmail.com  ✦請自行更換成@

CssCSS