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风格

现场演示