html固定表中单元格的宽度,单元格中内容过长时,单元格的列宽不变

如何固定表中单元格的宽度,单元格中内容过长时,单元格的列宽不变,行宽增加一行,显示过长的内容,我在表的列头使用的是style={width:"20%"},列头的宽度占表的百分比,当单元格内容过长时,行宽增大,显示过长的内容。

请各位高手提供好的方法,有详细的例子更好,谢谢。

table-layout:fixed;
overflow:hidden;

13年的问题啦,估计现在已经成为大神了吧。

<html>
<head>
</head>
<body>
    <table id="mytable" border="1">
        <tr>
            <td style="width: 100px; word-break: break-all;">如何固定表中单元格的宽度11111111111111</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
        </tr>
        <tr>
            <td style="width: 100px; word-break: break-all;">阿里阿里巴巴阿里巴巴阿里巴巴阿里巴巴</td>
            <td style="width: 100px; word-break: break-all;">阿</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿阿里巴巴</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿阿里巴巴</td>
            <td style="width: 100px; word-break: break-all;">阿里巴巴阿里巴巴2</td>
        </tr>
    </table>
</body>
</html>