要素がボックスをはみ出たときにする対応まとめ
こういう状態に
※HTMLのサンプルを見る
なったことはありませんか?
半角が「/」や「-」などがない状態で連続して続くと改行しないで、そのまま横に表示されてしまう現象です。
英語とかだと区切りがなかったら1単語なので、改行しないという理由はわかりますね。
でもURLとかだと結構頻繁にあったりして困ったりします。
というか今日困っていた会社の同僚が居たので自分用にもまとめて置いてみようと思います。
自分がこうなったときに参考にした方法やそのサイトのまとめを書きます。
※対応ブラウザは、IE6、Firefox3↑、Opera10、Safari3↑、Crome3を考慮しています。









