CSSで長い英数字文字を自動改行・ワードラップ

一般ユーザーが書き込むサイトでのいたずらな英数字のみでの書き込みや、長いURLを記述しなければならない場合など、ブラウザ上で文字がわくからはみ出てしまうことがある。

実は簡単にCSSで修正可能だ。

 

p {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 */
	word-wrap: break-word; /* IE 5.5+ */
}