宽度为 100% 的 Html 表格不适用于长文本

Question

我有以下结构

<table cellspacing="0" cellpadding="0" width="100%">
<tr>
    <td style="width:60px;">
        ...
    </td>
    <td>
        <div style="width:100%;overflow-x:hidden;">
            PROBLEMS ARE HERE
        </div>
    </td>
</tr>
...
</table>

第一个 td 占 60px，第二个占 100% 的其余部分，但是当我有一些没有空格和破折号的长文本时，表格变得比 100% 大。如何在一行或多行(两种方式都可以)上显示不可分割的文本，并使表格保持在 100% 的屏幕上？我试图用溢出隐藏来解决这个问题，但它没有效果。

这是问题的屏幕截图:link

Answer 1

设置table-layout : fixed在你的 CSS 或 <table style='table-layout : fixed'>那应该解决它。

这是 code sample .检查一下。