●○■□などの文字を含んだ<td>の幅指定について

質問

Firefoxで表示確認をしています。

<table border="1" width="100">
<tr>
<td>あああああああああああ</td>
</tr>
</table>

だと、幅100pxの位置で自動的に改行されるのですが、

<table border="1" width="100">
<tr>
<td>●●●●●●●●●●●</td>
</tr>
</table>

だと改行ず、幅がオーバーしてしまいます。●以外にも○■□などでも同じでした。

●を使いつつ、指定した幅で改行させることはできないでしょうか？

回答No.2

abril

IE以外では、○■□等の記号がスペースなしで連続していたら、それはワン・ワードと同様に扱われてしまいます。
※私見ですが、テキスト・データとして、その様なものは不適切（想定外）ですから、その解釈の方が当然の様に思われます。

そもそもテーブルのセル内のデータとして、その様なものが何故入らなければならないのでしょう？

回答No.1

goulan

IE対策としては、line-break, word-breakをお使いなのでしょうか。w3cのCSS Text Level 3 にありますが、各ブラウザの対応は今一つのようです。

かなり無理やりな方策ですが。全角記号、連続した半角アルファベット等は、一つ一つ全ての間に半角スペースを入れて、該当する要素に、style=" word-spacing: -0.5em;" を指定、でいけるのじゃないかと思います。スペースを入れておけば、word と見做されるので、マイナス指定の word-spacing。

word-spacing の値は font-sizeによってバランスがおかしくなりそうですので、px指定よりは em指定でしょうね。