Layout 如何截断HTML表

如果表比其容器宽，如何截断它

例如，假设我有一个宽度为300px的div

div内部：一张带有2个td的表，每个表的宽度为200px

显然，200+200>300。 然而，HTML所做的是使每个TD150px宽

是否有办法尊重td宽度（200）并截断最后一个td，以便只有其左半部分可见

---

我尝试过在div上使用overflow:hidden，但表仍然是300px宽的

将包装div设置为overflow hidden:

.wrapper {
    overflow: hidden;
}

---

下面是提示：

请尝试使用属性

在div上使用CSS overflow:auto标记。 请在此处查看更多信息：

---

约瑟夫，这几乎就是我需要的。但是，我不想指定表的宽度。是否可以让表的宽度来自它的列，而不是包含的div？Mike这几乎就是我需要的。但是，我不想指定表的宽度。表的宽度是否可能来自它的列，而不是包含的div？如果表没有定义宽度，它应该尊重td的宽度。然而，在表、trs和tds周围搞乱CSS全局设置是非常容易的。你能发布你的HTML和CSS，让我看看你想得到什么吗？我想就在那里。