html - Firefox 中的 purecss.io 网格中断

Question

我注意到在 purecss.io 中，Firefox 网格不起作用，除非我为每个要水平对齐的网格设置 display=flex，然后以响应方式堆叠。如果我不希望它们水平并始终堆叠(例如，两个 pure-u-1 盒子彼此叠放)，那么我不能使用 display=flex。但是，使用它会破坏与 IE8 的兼容性。有谁知道如何修复它以便 purecss 适用于 Firefox？

Answer 1

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

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