CSSのline-clampで複数行テキストを省略表示する方法
line-clampを使うと複数行のテキストを指定した行数で切り詰めて末尾に省略記号を表示できます。カードUIやニュース一覧で便利です。
短いタイトル
短い説明文です。
FlexboxやGridの子要素で使うときはmin-widthに注意
Flexアイテムはデフォルトでmin-width: autoが適用されるため、テキストがコンテナからはみ出してしまうことがあります。min-width: 0を指定することで解決できます。