大數據表溢出固定寬度容器 - 我可以使容器擴大嗎？

我正在使用以瀏覽器爲中心的固定寬度佈局的網頁。居中容器的寬度以像素爲單位設置。大數據表溢出固定寬度容器 - 我可以使容器擴大嗎？

在幾頁上，內容容器中有一個大的數據表。在Firefox中，表格會溢出固定寬度的容器。 IE比較複雜，並且會擴展容器周圍的表格，並且由於容器使用溢出的一些佈局問題：僅針對IE瀏覽器。

我需要找出是否可以在容器上使用固定寬度，但也允許它展開以包裹大型數據表。我還需要避免一個解決方案，我將修改HTML ...我不能使用ID來僅將大容量頁面上的容器作爲目標。我需要一個純粹的CSS解決方案。

我的感覺是，這是不可能的，我將不得不把標識放在那些需要大於標準的特定容器上。我在這裏問，因爲我真的需要第二個意見。

只是一個說明：我也試過最小/最大寬度，沒有成功。

2010-03-05 Matt

我想你問的是你是否可以有一個「最小寬度」而不是固定寬度的容器，對吧？ – Pointy 2010-03-05 15:06:48

最小寬度解決方案的問題在於容器隨後展開以填充瀏覽器窗口，當它真的需要居中居中時。另外設置最大寬度允許縮放和居中。但是，在網站上的大部分頁面中，我需要修正寬度，縮放到瀏覽器窗口大小隻會打破大多數頁面的佈局。我需要容器的寬度是固定的，但是也會覆蓋太寬的內容。 – Matt 2010-03-05 15:14:51

如果min-width和overflow不起作用，您將需要css hacks。

如果最小寬度的問題是容器是塊級元素並擴展爲頁面寬度，請嘗試在該容器上使用display:inline的變體，以免拉伸。（或者可能是保證金。）

來源

2010-03-05 15:20:08 ANeves

好主意，我曾嘗試顯示：inline \ inline-block，如你所建議的。這個收縮包裝了內容，但是忽略了最大寬度的概念......容器不會擴展以適應寬表。設置頁邊距的問題在於，它們也不允許容器根據需要進行擴展 - 或者使每個頁面都是流暢而靈活的，而不是固定的。 – Matt 2010-03-05 15:56:59

你不想用inline/inline-block的max-width，你想要min-width - 所以它總是至少XYZ單位寬，但是可以擴展。但現在我想到了，我相信IE不尊重最大寬度。 – ANeves 2010-03-05 16:35:05

大數據表溢出固定寬度容器 - 我可以使容器擴大嗎？

回答

相關問題