azukiazusa

azukiazusa

TailwindCSS で複数行のテキストを省略するとき

TailwindCSS で長いテキストを省略するときには、truncate クラスを使用します。しかし、truncate クラスは 1 行のテキストにしか対応していません。

azukiazusa

azukiazusa

複数行のテキストを省略するには、line-clamp-n クラスを使用します。line-clamp-n クラスは、n 行目以降のテキストを省略します。

例えば、line-clamp-3 クラスを使用すると、3 行目以降のテキストを省略します。