使用CSS在特定宽度内拟合损坏的html表

Question

我有以下，破解，html，我无法真正编辑，也不喜欢用javascript修改，我试图让它适合x宽度：http://jsfiddle.net/P7A9m/2/

<div id="main">
    <table>
        <tr>
            <td>
                test
                test
                longWooooooooooooooooooooooooooooooooooooooooord
                test
            </td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>
</div>

（我知道有一个不匹配的数量，但如果第一个tr有2 td，问题就会一样。）

现在，我不能使用“table-layout：fixed;”并将表设置为与父div相同的宽度，因为它使内容仅使用可用空间的50％。 有什么方法可以做我想要的吗？

Answer 1

我认为你需要css属性：

word-break: break-all;

Answer 2

使用

word-wrap:break-word;

这甚至适用于IE6，

或

word-break: break-all;