PJCHENder 未整理筆記

[Snippet] 省略多於文字 text-truncate

2018-09-13

[Snippet] 省略多於文字 text-truncate

@(CSS)[snippets]

超過字數則顯示為 ...

keywords: text-overflow, ellipsis, text-truncate
1
2
3
4
5
6
p {
width: 20em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

範例程式碼

See the Pen [CSS] Text Truncate 省略多於文字 by PJCHEN (@PJCHENder) on CodePen.

掃描二維條碼,分享此文章