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

发布时间：2020-12-14 18:56:04 所属栏目：资源来源：网络整理

导读：我有以下结构 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％的剩余部分,但是当我有一些

我有以下结构

<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

解决方法

设置表格布局：固定在您的css或< table style ='table-layout：fixed'>那个oughta修复它.

这是code sample.看看吧.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!