テキストが領域を超えた時「…」を表示


省略したことを表す「…」をCSSだけで表示可能です。

CSSを使うと幅を指定してその領域よりもはみでた場合に省略記号「…」を表示することができます。

ext-overflow: ellipsis;
テキストが表示域をこえた時に省略記号「…」を表示

text-overflow: clip;
省略記号は表示しない