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

前端之家收集整理的这篇文章主要介绍了宽度为100%的Html表不适用于长文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下结构
<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.看看吧.

猜你在找的HTML相关文章