html - テーブルセルdiv内の単語を分割

Question

私は次のフィドルを持っています：http：//jsfiddle.net/nVWt5/次のような構造です：

<table style="table-layout:fixed">
<tr>
<td>
<span style="display:table-cell">
 <div style="word-wrap:break-word;">really_long_text_here_no_spaces</div>
</span>
</td>
</tr>
</table>

スパンの表示スタイルを変更せずにテキストを折り返すにはどうすればよいですか？スパンは自動生成されるため、現在変更できません。

ありがとうございました！

Answer 1

display:table-cellここでは有用な目的を果たさず、折り返しを防ぐように見えるため、を削除します。

HTMLルールでは要素に要素spanを含めることはできないdivため、マークアップに対して実際に何かを行う必要があります。

名前が示唆するものとは反対に、word-wrap:break-word単語を扱わないことに注意してください。代わりに、人間の言語の規則に関係なく、文字列を機械的に切断します。