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

2021 年 2 月 8 日

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

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