word-breakとword-wrapはややこしい

Updated 2015.01.13 / Published 2015.01.13 word-break:break-all;は一切の禁則処理を解除し、どの文字の間でも改行するため、単語の途中や括弧の直前・直後で折り返したり、句読点が行頭にきてしまうことなどがあることから折り返しの制御には好ましくないとされています。望ましい折り返しの制御をしてくれるword-wrap:break-word;(overflow-wrap:break-word;)の用法について紹介します。 折り返しを制御する2つのCSSプロパティ 幅の狭い領域で長い英単語や長いURLの途中で折り返しを制御できるCSSプロパティは、特にスマートフォンなどの小さなディスプレイサイズ向けへの対応を考慮してよく用いられるようになってきています。ただし、CSS3には折り返しを制御できるCSSプロパティが2つ存在し、とてもややこしいので

[kikiki-kiki]

word-break と word-wrap

[ngyuki]

word-break と word-wrap

[idr_zz]

うーむ、、名前が似ててややこしや word-breakとword-wrapはややこしい

[otiai10]

だるすぎる

[a_bicky]

"word-break : break-all" と "word-wrap: break-word" では後者を使えとのこと

[Satoh_D]

ややこし

[led-centipede]

“word-break : break-all;”

[tech-kazuhisa]

おもしろい/“折り返し、大切です”

[zuborawka]

未知の言葉が沢山出てきたので、後で読む。勉強になりそう・・・

[raimon49]

word-wrap:break-word; (overflow-wrap:break-word;)が効かないケース。

[elm_arata]

折り返し、改行

[forcutie]

折り返し

[masaki925_8107]

まさに`display:table-cell` の問題に当たっていたので、親要素への`table-layout:fixed;` とwidth 指定で解決できた

[ahiru_z]

ややこしい

[IzumiSy]

workbreakに関する話

[akatakun]

FireFoxはwidth: auto;で改行が入るが、Chromeは入らない模様

[tokimari7]

わかりやすい・・・

[yuuAn]

ややこしいのに新しいプロパティ増やしちゃって更に優先順位が低いと

[yamadar]

“リアルにおいてもなぜ?どうして?そうなったの?!という折り返しがあります.........折り返し、大切です。”

[alice_r]

word-breakとword-wrapはややこしい