FireFoxのテキスト自動改行

テキストの自動改行をコントロールするword-breakプロパティ - builder

今回は、テキストの自動改行の処理方法を指定するword-breakプロパティを紹介する。Internet Explorerが独自拡張したプロパティだったが、CSS 3の草案「Text」に採用され、現在ではSafari 3やChromeも対応している。

この記事見て、FireFoxで文字列が上手く自動改行されないこと過去に書いたのを思い出したので主要なブラウザで再度試してみた。

試したコード

<style type="text/css">
.wd{
	background:#ccaaaa;
	display:block;
	width:260px;
	white-space:normal;
	word-break:break-all;
}
</style>
<b>日本語の文章</b>
<div class="wd">
こんにちは。今日はいい天気です。ずっと雨続きで、やっといい天気になりました。
</div>
<b>英語の文章</b>
<div class="wd">
Hello,it is fine today. It had been rainning. but finally, good weather.
</div>
<b>かなの連続</b>
<div class="wd">
あいうえおかきくけこさしすねそたちつてとなにぬねのはひふへほまみむめも
</div>
<b>全角数字</b>
<div class="wd">
０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９０１２３４５６７８９
</div>
<b>連続した英文</b>
<div class="wd">
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
</div>
<b>長いURL</b>
<div class="wd">
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20381014,00.htm
</div>