大文本会破坏表格中的列宽

Question

我有一个包含3列的表，并为每列定义了宽度。问题是我定义的宽度永远不会被尊重，列总是适合该列的最大文本。如何禁用此行为，并强制列宽保持固定，无论文本内部有多大？

HTML源代码：

<table>
    <tr>
        <td class="column1Class">...</td>
        <td class="column2Class">...</td>
        <td class="column3Class">...</td>
    </tr>
    <tr>
        <td class="column1Class">...</td>
        <td class="column2Class">...</td>
        <td class="column3Class">...</td>
    </tr>
    ...
</table>

css来源：

.column1Class {
    width: 20%;
    }
.column2Class {
    width: 70%;
}

.column3Class {
    width: 10%;
}

我希望的行为是截断超出为第一列定义的20％宽度的任何文本