はてなブックマーク - 自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。

自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアップ

blog.sakurachiro.com

タグ : css html webデザイン firefox css3 web word-break word-wrap table 自動改行

コンピュータ・IT 65 users

ん～、違いがようわからん。 word-break:break-all; word-wrap:break-word; white-space:pre-wrap; 上記3プロパティの動作確認用ページ (ポップアップで開く) Firefoxはどれを指定しても、連続した半角英数が長いとtableが伸びちゃうなぁ。以下、自分の解釈メモ ( なので正しいかどうか怪しいです )。 word-break 禁則処理の設定? break-allにすると日本語の文章中どこでも折り返して、アルファベットもどこでも折り返す。選... > このページを見る

最終更新時間: 2010年06月02日21時05分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

kzms2 css, css3, tips, bug
半角英数が折り返さない問題を解決する方法とその検証内容。FirefoxのTableェ・・・！ 2012/05/09
mekagazira css
長い単語の改行について 2012/02/13
forcutie css
firefox table　テーブル 2011/12/20
miyabi_ferret webデザイン
文字のはみだしについて！ 2011/10/28
kuracom css, css3, お役立ち, まとめ
とても分かりやすい比較 2011/09/171 RT

1 RT
nantan 読んだ, html, css
"自動改行(word-break・word-wrap・white-space プロパティ)をコントロールして、テキストがボックスから飛び出さないようにしたい。 | 乱雑モックアップ" 2011/08/26
www-tmcc
Reader 2011/04/15
sugitk CSS, Web
preのスタイルシート定義とFirefoxについて 2011/02/03
gothedistance css
まさにこういう表が欲しかった！！！！ 2011/01/28
bekkou68 CSS, HTML
アルファベットによる table, div, pre の伸びを解決する方法いろいろ 2010/12/10
red_snow css, word-break
毎回悩まされる、js使うか。。 2010/12/08
yhmt css, html, firefox
word-breakなどについてすごく分かり易くまとまってる！ 2010/06/08