CSS おれおれ Advent Calendar 2012 – 08日目 ネタバレ: 書いてみたは良いけど微妙な感じに。 CSSのプロパティでtext-overflowというのがあります。まあ読んで字の如(ごと)く、テキストがはみ出したときの指定です。以下のいずれかを指定します。 ellipsis … はみ出たら”…” (…) を表示させる clip … 通常処理。 元々IEの独自仕様なんだっけ? 一般的なブラウザーでは利用可能です。 利用可能なんだけど、利用する場面がどれだけあるのかはちょっとよくわかんないです。 たしかに切ってくれるんだけど ちょいと試してみます。 改行しないようにしたもの (white-space:nowrap) 長い単語を含むもの 領域の高さが足りないもの 最後、領域の高さを超えても省略記号は表示されない ご覧のように、横方向に長いものは”…”で切って