Html HTM表格<；td>；宽度扩展困难

我在我的网页的这一部分遇到了困难，在这里你可以看到很多测试单词。我想做的是使td的高度自动，这样每当一条消息被提交时，它的宽度就不会扩大。我一直在限制它的宽度属性，但它不起作用，我也尝试过在css中使用显示块，但它没有任何帮助，解决这个问题的最佳方法是什么？ 图为：

这是我的表格代码

<table  class="itemlist" width="100%" cellspacing="1" cellpadding="4">
    <tr class="det_msg">
        <td><?php echo $detail ?></td>
    </tr>
</table>

以下是我的解决方案：

.itemlist {
    table-layout:fixed;
}

.det_msg td{
    word-wrap: break-word;
    word-break: break-all;
}

JSFIDLE演示：

但实际上，你的问题是在td中插入了一个难以置信的长“单词”（没有空格）。浏览器很难正确地打断它，所以它并没有被打断，而是显示在一行中

所以，更好的解决方案是：确保不会在web上显示这么长的单词。
插入一些空白。我想不出一个场景，可以生成这样一个“长单词”，比如数千个字符。你为什么要用一个表格来做这个？您似乎没有显示表格数据。
.itemlist {
    table-layout:fixed;
}

.det_msg td{
    word-wrap: break-word;
    word-break: break-all;
}