javascript - 防止跨度td contenteditable

我在td中使用contenteditable

<table style="width:200px">
<tr>
    <td contenteditable  style="width:100px" id="1">test</td>
    <td contenteditable  style="width:100px" id="2">test</td>
</tr>
</table>

当我在第一个td中输入更多文本时，它会使第二个td变小，然后表格将大于我之前指定的200px，我该如何防止呢？

最佳答案

http://jsfiddle.net/8ZNj3/1/

的HTML：

<table>
    <tr>
        <td contenteditable>this long text won't overflow</td>
        <td contenteditable>test</td>
    </tr>
</table>

CSS：

table {
    width: 200px;
    table-layout: fixed;
}
td {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
}

关于javascript - 防止跨度td contenteditable，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20778869/