使用Flexbox +列水平滚动布局

时间:2013-05-17 01:22:13

标签: css html5 css3 multiple-columns flexbox

任何人都想帮我调试一下我正在做的小实验。我想使用flexbox / multicolumn布局来获得类似于您在许多Windows 8新闻应用中看到的布局,其中文章是固定宽度列,具有动态列数,具体取决于文章的长度,滚动到右边。

所以我掀起了这个CodePen,但是flexbox和列似乎并没有很好地协同工作。在Firefox中,它只显示每列中的一列,我甚至不能告诉webkit中发生了什么。

我搞砸了什么?

(我看起来并且在Windows 8 html5应用程序中他们似乎使用网格布局,但我不能这样做,因为它只是IE浏览器)

0 个答案:

没有答案