Div隨着內容自動增加寬度

我有一個包含我所有表單項目的DIV，但是我的表單中的所有行都不統一，因爲有些鏈接有datepickers等等......在文本框之後，選擇菜單，等等...無論如何，如果我將主容器寬度設置爲一個設定量（450像素）項目換行（僅限IE）。所以我試着將寬度設置爲min-with，現在在Chrome和IE中，我的容器DIV延伸了頁面的整個寬度。Div隨着內容自動增加寬度

這裏是我的CSS ...

#form_container{min-width:450px;background:#e0c0c0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;padding:10px;}

任何人都知道我是如何克服這個問題？

感謝

來源

2011-06-18 Mark Sandman

你可以把一個容器周圍的形式，你要允許你的元素去的最大寬度，然後給它要麼overflow: auto如果你想要的元素來包裝它們是否過長， overflow: hidden如果你想要的元素消失，如果他們太長，或overflow: scroll如果你想有一個水平滾動條添加，如果他們太長。

來源

2011-06-18 16:42:49 Wex

嘗試這種情況：

#form_container 
{ 
    display: table-cell; 
    min-width:450px; 
    white-space:nowrap; 
}

在這種情況下容器將具有其內容的固有寬度（空白：NOWRAP;顯示：表細胞;）

來源

2011-06-18 17:01:15

Div隨着內容自動增加寬度

回答

相關問題