如何截断HTML表格

Question

如果表格比其容器宽？如何截断表格？

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

在div中：一个表有2个td，每个表的宽度= 200px;

显然，200 + 200＆gt; 300。 但是，HTML的作用是使每个td 150px宽。

有没有办法尊重td宽度（200）并截断最后一个td，只有左半边可见？

我试过溢出：隐藏在div上，但表仍然是300px宽

Answer 1

将包装div设置为隐藏溢出：

.wrapper {
    overflow: hidden;
}

这里是小提琴：http://jsfiddle.net/qmby4/

Answer 2

请尝试使用max-width属性

Answer 3

在div上使用CSS overflow：auto标签。 在这里查看更多： http://www.w3schools.com/cssref/pr_pos_overflow.asp