タグ

ブックマーク / accelboon.com (1)

  • CSS 半角英数の連続文字が折り返すようにする | テクニカルノート

    があります。 どっちも、連続した半角英数文字を折り返すかどうか。を指定するのですが、いったいどう違うんでしょう? ってことで、整理。 word-wrap: break-word と word-break: break-all の違い word-wrap: break-word; は、枠内に収まらない英単語の場合は単語の途中でも折り返しますが、 枠内に収まる限り、単語の途中では折り返さないようにします。 なので、たとえば、forという短い単語なら、よほど狭い枠でなければ、途中で折り返されることはありません。 一方、word-break: break-all; は、英単語の途中であっても、問答無用で折り返します。なので、右端でforのような短い単語の途中であっても、 fo r というように、折り返してしまいます。 とうことで、どちらかというと、単語が切れてしまわない、word-wrap: br

    CSS 半角英数の連続文字が折り返すようにする | テクニカルノート
  • 1