0webのコーディング中に15分くらいタイトルの問題が発生してハマったのでメモっておきます。既存のcssソースを流用して作成していて、「全く同じにしてるのになんではみ出すんやっ!?」となり若干イラつきました。具体的には、tableタグの中で、さらにpタグで囲った文章を書いていた(そもそもここはイケてない・・)のですが、tableの横幅からガッツリpタグの文章がはみ出していました。既存ソースではちゃんと出来てるのに~問題はword-wrap:break-wordがなかったから!既存ソースというか本番環境では文章の部分がちゃんとした日本語だったのですが、私が使っていた開発環境では適当な英字の羅列だったので、問題が露呈しました。</tr></table>上記をブラウザで表示してみるとこんな感じになります↓tableタグにはwidthを100pxで指定してるのに、NGパターンでは勝手に横幅が伸びちゃってますね・・これは半角などの隙間がない英字(英単語の形ではないもの)だと、どこで折り返していいか分からず、そのまま伸びちゃってる現象です。URLやメールアドレスなどですかね。この時点でtableのwidthが固定出来てないから?的な情報が見つかったので、tableタグにtable-layout:fixedを追加してみました。fixed;}上記のcssに変更したら↓のようになりましたオイオイ、そーじゃねーよっ!たしかに固定したかったけども!んで、さらにもうちょい調べてみたら、上の方で書いていた単語の折り返しに行き当たり、以下のようになりました。break-word;}画面↓うんうん、それそれ。オジサンそれが見たかったんだよね。調べると色々と出てきますが、メモ的な感じでざっくりとだけ。break-all問答無用で折り返し位置が来たら折り返す英単語の文章だと顕著に差が出ますね、ちょっと試してみました。コメントをキャンセルメールアドレスが公開されることはありません。FameThemes。