2013-07-22 26 views
1

这个speakers from jQuery Portland列表使用3列布局(桌面浏览器宽度),其中单个元素可以增长以取代其下方的项目,而不影响其他列。缺点是这需要标记中有3个列容器。多列列表是否具有单独的弹性列?

是否有可能获得与简单的列表相同的效果,并没有只有CSS的列容器?

我以前从来没有使用过flexbox,但似乎无法将项目换行而不在列codepen example之间耦合行。

回答

1

是否有可能获得一个简单的列表相同的效果,并没有只有CSS的列容器?

回答这个:您还可以使用column-count

demo

+0

完美,非常感谢你[另一个演示(http://codepen.io/Sinetheta/pen/Esyuf) – Sinetheta

+0

另一个演示? ????? –

+1

当我用'column-count'自己测试时,你添加了你的demo作为编辑;)[break-inside]属性也派上用场,详见[this other question](http:// stackoverflow。 COM /问题/ 7785374 /如何对防止柱断裂,内安元)。 – Sinetheta