purecss.io在Firefox中打破网格

时间:2015-03-25 12:51:08

标签: html css firefox flexbox yui-pure-css

我注意到在purecss.io中,Firefox网格不起作用,除非我为每个想要水平对齐的网格设置display = flex,然后在响应中堆叠。如果我不希望它们是水平的并且总是堆叠(例如两个纯u-1盒子彼此叠加)那么我就不能使用display = flex。但是,使用它会破坏与IE8的兼容性。有谁知道如何解决它,所以purecss适用于Firefox?

1 个答案:

答案 0 :(得分:4)

我找到了答案,它与purecss.io无关,而是两个div之间的空白。如果相邻div之间存在换行符,则它们会堆叠,否则它们会按预期工作。有关示例,请参阅以下jsfiddles:

Stacking: http://jsfiddle.net/XCDsu/982/
Horizontal: http://jsfiddle.net/XCDsu/3/