Tailwind CSS 練習問題 31：Tailwindのテキストオーバーフロー（省略記号表示）ユーティリティ

Tailwind CSSのtruncateクラスは、overflow: hidden、text-overflow: ellipsis、white-space: nowrapの3つのスタイルをまとめて適用する便利なユーティリティで、テキストを1行に収めて省略記号を表示します。

【正解の理由】
truncateは複数のCSSプロパティを組み合わせて、はみ出したテキストを1行に収め省略記号で表示する動作を実現する複合クラスです。

【不正解の理由】
• 「text-ellipsis」：text-overflow: ellipsisのみを適用するクラスで、単独では折り返し禁止やoverflow: hiddenが伴わないため省略記号は表示されない
• 「overflow-hidden」：はみ出た部分を隠すだけで、省略記号は表示されない
• 「line-clamp-1」：複数行のテキストを指定行数に制限するためのクラスで、主に複数行の省略に使われる
• 「whitespace-nowrap」：折り返しを禁止するだけで、はみ出た部分の省略記号表示や非表示処理は行わない