(下面的最终解决方案)
我很确定这不可能像我想象的那样,但 Stackoverflow 上有这么多聪明、聪明和温柔的人,我会试一试。
我有 container-div
元素,其中填充了一个或多个“child-div
”元素。容器或多或少是“虚拟的”,实际上它们只应该显示哪些 child 属于一起。由于我不知道每个 parent 中放置了多少个 child ,因此我无法使用固定宽度。这些元素应该能够 float 以优雅地处理窗口大小调整。
我的目标是在一行中显示相同数量的“child-div”,而不管它们在哪个 parent-div 中。我目前的问题是,float
导致整个父容器包装,所以问题是,是否有任何可能的方法来“看到”div
,就像这样:
之前
之后
这有意义吗?这是我当前的 Playground :
在与 Gaby aka G. Petrioli 进行了大量实验之后(感谢老兄),我终于创建了这个解决方案:http://jsfiddle.net/5FXBu/11/
最佳答案
如果container-div
只是为了分组,对图形设计影响不大,可以将它们设置为inline
。将 child-div
设置为 inline-block
允许将 container-div
的一些布局要求传递给 child- div
(边距主要..)
关于javascript - 我们可以通过 css 将 div 元素强制为 "wrap"吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6651845/