CSS おれおれ Advent Calendar 2012 – 08日目

ネタバレ: 書いてみたは良いけど微妙な感じに。

CSSのプロパティでtext-overflowというのがあります。まあ読んで字の如(ごと)く、テキストがはみ出したときの指定です。以下のいずれかを指定します。

  • ellipsis … はみ出たら”…” (…) を表示させる
  • clip … 通常処理。

元々IEの独自仕様なんだっけ? 一般的なブラウザーでは利用可能です。

利用可能なんだけど、利用する場面がどれだけあるのかはちょっとよくわかんないです。

たしかに切ってくれるんだけど

ちょいと試してみます。

  • 改行しないようにしたもの (white-space:nowrap)
  • 長い単語を含むもの
  • 領域の高さが足りないもの

    (さらに…)