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

Question

我注意到在 purecss.io 中，Firefox 网格不起作用，除非我为要水平对齐的每个网格设置 display=flex，然后以响应方式堆叠。如果我不希望它们水平并且总是堆叠（例如两个纯 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/