本当は炭酸が好きな、@cappeeです。 いつまで続くかわからない、意外と知らないCSSシリーズの第2弾です。 テキストが領域をこえた場合に「…」を表示するtext-overflow:ellipsis 表示する文字が多かった場合に省略したことを表す「…」はCSSだけでも表示できます。 システムだと文字数を指定して表示しますが、CSSでは幅を指定してその領域よりもはみでた場合に省略記号「…」を表示することができます。 text-overflow の説明 text-overflow: ellipsis; テキストが表示領域をこえた場合に省略記号「…」を表示します。 text-overflow: clip; デフォルトの値で省略記号は表示しません。 text-overflow:ellipsis の記述例 p { white-space: nowrap; width: 100%; over