javascript - 我们可以通过 css 将 div 元素强制为 "wrap"吗?

标签 javascript html css

(下面的最终解决方案)


我很确定这不可能像我想象的那样,但 Stackoverflow 上有这么多聪明、聪明和温柔的人,我会试一试。

我有 container-div 元素,其中填充了一个或多个“child-div”元素。容器或多或少是“虚拟的”,实际上它们只应该显示哪些 child 属于一起。由于我不知道每个 parent 中放置了多少个 child ,因此我无法使用固定宽度。这些元素应该能够 float 以优雅地处理窗口大小调整。

我的目标是在一行中显示相同数量的“child-div”,而不管它们在哪个 parent-div 中。我目前的问题是,float 导致整个父容器包装,所以问题是,是否有任何可能的方法来“看到”div,就像这样:

之前

enter image description here

之后

enter image description here

这有意义吗?这是我当前的 Playground :

http://jsfiddle.net/5FXBu/


在与 Gaby aka G. Petrioli 进行了大量实验之后(感谢老兄),我终于创建了这个解决方案:http://jsfiddle.net/5FXBu/11/

最佳答案

如果container-div只是为了分组,对图形设计影响不大,可以将它们设置为inline。将 child-div 设置为 inline-block 允许将 container-div 的一些布局要求传递给 child- div(边距主要..)

例子在 http://jsfiddle.net/gaby/pvWHr/

关于javascript - 我们可以通过 css 将 div 元素强制为 "wrap"吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6651845/

相关文章:

html - Flexbox - 控制 span 和文本之间的空间

javascript - 使第二个div从上到下滑动

css - 如何使 flex 列容器缩小到其内容

javascript - 如何遍历具有特定类的所有元素并在其中找到输入类型?

javascript - NPM 安装+使用本地模块?在 window 上

javascript - 在javascript或php中的Window Phone中打开Window store App

javascript - 允许拖动位于 map 上方的 div

javascript - 从 $localstorage 检索变量

javascript - 让所有级别的所有 child

css - 如何在 spring mvc 中从 jsp 文件映射 css 和 js 文件