css - ワードラップ TD コンテンツ

Question

表の最初の td のコンテンツ テキストは非常に長く、間にスペースはありません。次に、word-wrap:break-word を適用しました。しかし、これは機能していません。誰でも以下の問題を経験できますか。解決策を提案してください。

ここに私のコードがあります: http://jsfiddle.net/F556F/2/

<div>
<table border=1 width=100%>
<tr>
    <td>12345678890123456788901234567889012345678890123456788901234567889012345678890</td>
    <td>SECOND</td>
</tr>
</table>
</div>​

CSS:

div{width:300px}
table tr td{width:50%;overflow:hidden;background-color:#ccc;width:200px;word-wrap:break-word}​

Answer 1

table-layout: fixedあなたを助けるでしょう：フィドルの例

Answer 2

こんにちは今このようにこれtextに与えるdiv class

<div>
<table border=1>
<tr>
    <td><div class="ok">12345678890123456788901234567889012345678890123456788901234567889012345678890</div></td>
    <td>SECOND</td>
</tr>
</table>
</div>

.okスタイルを定義するより

ライブデモ