如何截斷HTML表格

如果表格寬於容器，我該如何截斷表格？如何截斷HTML表格

例如，假設我有一個寬度爲300px的div;

裏面的div：一個表與2 TD，每個寬度= 200px;

很明顯，200 + 200> 300. 但是，HTML所做的每件事都是使每個寬度爲150px。

有沒有一種方法來尊重td寬度（200）並截斷最後一個td，以便只有其左半部分可見？

我曾嘗試溢出：隱藏的股利，但該表還爲300px寬

2011-11-23 user380719

將包裝的div溢出隱患：

.wrapper { 
    overflow: hidden; 
}

2011-11-23 04:13:52

約瑟夫，這幾乎是我所需要的。但是，我不想指定表格的寬度。是否可以讓表格的寬度來自其列，而不是包含div？ – user380719

請嘗試使用max-width屬性

2011-11-23 04:13:58 robert

在你的div上使用CSS overflow：auto標籤。查看更多這裏： http://www.w3schools.com/cssref/pr_pos_overflow.asp

2011-11-23 04:14:44

邁克這幾乎是我需要什麼。但是，我不想指定表格的寬度。是否可以讓表格的寬度來自其列，而不是包含div？ – user380719

如果你的桌子沒有定義的寬度，它應該尊重你的td的寬度。然而，圍繞表，trs和tds去CSS全局設置是非常容易的。你可以發佈你的HTML和CSS，以便我可以看到你想要的東西嗎？我認爲這是關於那裏的。 –

回答