2011/2/21時点、Firefox のみバグのある word-wrap: break-word

何故か Firefox のみ table 要素の中で word-wrap: break-word を使うと、
全く動作しなくなります。対象の幅が固定の場合は問題無く動くと思います
が、ブラウザの表示部分によってそれぞれのセル表示位置の変わるような
複雑な処理に対応できていないような気がします。

おそらく、空白を含む場合は問題無いかもしれませんが、だからこそ致命的
で、デザイナが意図せぬ画面の崩れを予想できない可能性があります。

2011/2/22

今日、ブログの本文で PRE 内に適用しようとしたが、Firefox のみダメでした。
日本語で幅しているにも関わらずです。


Microsoft : wordWrap Property (A, ABBR, ACRONYM, ...)

word-wrap - MDC Doc Center

<style type="text/css">
.WordWrap3 {
	word-wrap: break-word;
	float: right;
	width: 33%;
}
</style>
<table><tr><td>
<div class="WordWrap3" style='background-color:#777'>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
</div>
<div class="WordWrap3" style='background-color:#999'>
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  
</div> 
<div class="WordWrap3" style='background-color:#bbb'>
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------  
</div> 
</td></tr></table>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------