html - 使用 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;