CSSのline-clampプロパティは、テキストを指定した行数で省略します。 2019年現在、Editors Draftなので、仕様は確定ではありませんが、max-linesとblock-overflowの省略形として定義されており、前者は勧告候補で削除される危険性があると指摘されています。

1. text-overflow: ellipsisとは？ 指定された領域を超えたテキストを、三点リーダー（…）で省略するCSSプロパティ。 「省略記号によってコンテンツの一部を隠す」という視覚的な工夫で、情報の詰まりすぎを防ぐ設計です。

**`text-overflow`** は [CSS](/ja/docs/Web/CSS) のプロパティで、あふれたコンテンツが非表示になる場合、それをどのようにユーザーに示すのかを設定します。切り取られるか、省略記号 (`…`) を表示するか、独自の文字列を表示する ...

FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。

Responsive CSS module for setting text-overflow. Contribute to mrmrs/css-text-overflow development by creating an account on GitHub.