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

超過字數則顯示為 ...

keywords: text-overflow, ellipsis, text-truncate

p {
  width: 20em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

範例程式碼

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