Div用内容自动增加内容宽度

Question

我有一个包含我所有表单项的DIV，但是我表单中的所有行都不统一，因为有些链接到datepickers等等...在文本框之后，选择菜单等...无论如何，如果我设置了主容器宽度为设定量（450px）项目换行（仅限IE）。所以我尝试将宽度设置为min-with，现在在Chrome和IE中我的容器DIV拉伸整个页面宽度。

这是我的css ......

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

任何人都知道如何克服这个问题？

由于

Answer 1

您可以在表单周围放置一个容器，其中包含您希望元素移动的最大宽度，如果您希望元素在它们太长的时候换行，则可以给它overflow: auto overflow: hidden overflow: scroll 1}}如果你希望元素在它们太长的时候消失，或者{{1}}如果你想要在它们太长的时候添加一个水平滚动条。

Answer 2

试试这个：

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

在这种情况下，容器将具有其内容的固有宽度（white-space：nowrap; display：table-cell;）