Stop DIVs ...>

我正在尝试为那些了解它的人创建像Microsoft Project这样的项目控件。Stop DIVs ...>

我有一个div容器，然后两个子容器如下：

每个子容器有很多内部的div的，例如，我的第一子容器具有的div为：

- ID, 
- WBS, 
- Description 
- Start Date, 
- End Date, 
- Resource, 
- etc

这是它的JSFidle。

第二个子容器中会有甘特图，因此每天一天的工作时间与项目持续时间一样多，可能会超过300天。

我遇到的问题是，当它到达右侧的窗口时，子容器会绕到下一行。我怎样才能让它停止包装？

我已经试过：主容器：

overflow: auto; 
overflow: visible;

然后为子容器：

display: inline-block;

但你可以在看的jsfiddle，它只是绕到下一行。我已经通过了相关的帖子不见了这里堆栈和用Google搜索过，但所提出的答案（主要是溢出和显示器）没有为我工作:(

我怎样才能使它停止包装？

来源

2014-10-08 Mickael

不知道我这样理解HTTP。：//jsfiddle.net/j08691/2s3muo0u/？ – j08691 2014-10-08 19:38:04

是的就像那样：）非常感谢！它的工作原理:) – Mickael 2014-10-08 19:40:02

实际上...它适用于第一个子容器，但它仍然包装其他容器，你可以在那个小提琴中看到：http://jsfiddle.net/2s3muo0u/5/你知道我可以怎么做使所有3个容器排成一行，所以我有容器1（列标题）+容器2（我将用它来调整第一个容器的左右大小）+容器3（它具有甘特图的所有日期）？ – Mickael 2014-10-08 19:55:10

设置min-width等于至少1000px或列的任何最高金额，你将有

来源

2014-10-08 19:39:42

我的问题是，宽度不是固定的，你可以看到我有一个名为Add New Column的列...和右边的div（带有日期），它将是动态的，并且从一个PHP循环构建而成将增加多少天，因为项目很长...所以这两个div都有一个动态宽度。这小提琴：http://jsfiddle.net/2s3muo0u/5/有成品，但我希望一行上的一切都是紧密相连的。有任何想法吗？ – Mickael 2014-10-08 20:06:13

为什么不让div包装器/容器滚动？这样他们可以是一个固定的宽度。如果添加更多列，用户将不得不滚动。 – 2014-10-08 20:10:48

这是一个很好的观点...你可以帮助在小提琴的CSS？ – Mickael 2014-10-08 20:13:16

如果您的要求允许滚动的div，然后“溢出-X：自动”，在样式表可能会奏效

来源

2014-10-08 20:00:18 longjam

Stop DIVs ...>

回答

相关问题