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随着内容自动增加宽度

回答

相关问题