## 方法一: 使用 tailwind
tailwind 單行刪節：`line-clamp-1`
tailwind 多行刪節：`line-clamp-2` (預設行數參數可以~ 6 )

以上等同於 =>

overflow: hidden;
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2;

tailwind一行就解決，好棒棒

## 方法二: 純 css

// 單行
.single-ellipsis { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 


// 多行 

%% 這裡只會顯示五行 %%
.multiline-ellipsis { 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5;
    overflow: hidden; 
}