長い文字列が続いて文字がはみ出してしまうのを防止するCSS:phpspot開発日誌

Wrapping Long URLs and Text Content with CSS ? Perishable Press 長い文字列が続いて文字がはみ出してしまうのを防止するCSSが公開されてます。 CSS2/3, Opera4-7, Mozilla, IE5+ 用にクロスブラウザで動作するようにCSS例が示されていて参考になります。 通常だと文字がはみ出してしまうのを、はみ出さないようにしてくれるCSSです。 ハミ出しを防いでくれます。 対応したつもりが実は特定ブラウザだけっていうことがよくありそうなこの現象、この対策で簡単に対応出来そうです。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 便利なＣＳＳテクニック３０選 CSSリストに関する5つのテクニック集

[ta1969]

文字列対策

[arisika]

これは！

[min37]

長い文字列が続いて文字がはみ出してしまうのを防止するCSS

[Soraneko]

長い文字列が続いて文字がはみ出してしまうのを防止するCSS

[vj0l1201]

ワードブレイク

[takkecy]

折り返し

[kuroazuki]

あとで確認

[zorio]

折り返すcss

[Arison]

対応ブラウザなど元記事をきちんと読むこと。　で　 pre{ white-space: normal; width: 300px;}

[juner]

これはよく使いそう!! #CSS QT:長い文字列が続いて文字がはみ出してしまうのを防止するCSS

[otomex]

[[css]

[maki2525smile]

参考に。

[skr00spring]

ウェブデザイン

[escape_artist]

Firefox3.5未満を無視すれば、word-wrap:break-word だけでよいはず。white-spaceは用途がちょっと違うと思うのだが。検証せずにこの手のCSSをコピペする人が増えると嫌だな。

[ku_marin]

preは確かにはみ出るのでこれしりたかったー

[StepHacks]

CSS

[kamip]

はてなブログに使いたい

[kakuhen1rfeverheiten]

文字 長すぎる

[nors]

http://perishablepress.com/press/2010/06/01/wrapping-content/

[sw_lucchini]

テスト確認のとき、よくこの現状なって迷ってた。

[iranu]

英数字が指定枠からはみ出さない方法

[takeru-c]

元記事を読まないと、まるで「white-space: pre-line;」だけで解決できるように読めるから、参照するならきちんと参照したほうが良いと思う

[zzzzy]

知らなかった。かなり便利