将Divs附加到容器并将它们保持在水平线上

时间:2013-08-30 13:43:42

标签: css html

我有一个可调整大小的容器DIV。我允许用户向其添加DIV元素,以创建某种播放列表。当容器DIV不足以容纳内容DIV时,我希望内容DIV在容器DIV的末尾被切断。不幸的是,它总是附加在其他内容元素下面。我为容器元素尝试了overflow:hidden;,但这没有任何影响......

2 个答案:

答案 0 :(得分:1)

overflow:hidden;

是一个不错的选择,但你需要一个内部容器,其中内容可以水平添加,内部容器大于可见的外部容器。

Fiddle

答案 1 :(得分:0)

white-space:nowrap添加到您的父div。添加子项时,它们将被附加而不会中断到下一行 - 即使父容器的宽度不如子div的宽度。

<强> FIDDLE