１行に収まらない長い文字列の文末を折り返さず "…" で表示

１行に収まらない長い文字列の文末を折り返さず "…" で表示する方法を紹介します。

HTML

補足

• 長い文字列を折り返したくない場合は、ブロック要素に text-tail-cut クラスを付けます。

CSS

サンプル

「１行に収まらない長い文字列の文末を折り返さず "…" で表示」のサンプル