问题标签 [xy-grid]

使用 Foundation XY-grid，特别是单元格内的嵌套 grid-y，我想在父单元格上使用 .auto 类来均匀分布单元格高度，对于带有 2 个单元格的 grid-y 来说50%/50%。

只要 grid-y 单元格内容足够低以适合单元格内部而不会推动边框，这就可以正常工作。但是，如果内容较高，则会裁剪内容。

解决方法是将类 .auto 的 flex-basis 设置为“auto”，而不是 Foundation css 中的预定义值“0px”。

只要内容足够高以推动单元格边框，这就可以正常工作，但如果它更小，则父单元格高度不会均匀分布。

旁注：在每个单元格上使用“.grid-y”是为了能够垂直定位单元格中心的内容。请参阅： 垂直对齐 XY-Grid Cell 内的内容

修改后的 CSS：

而不是 Foundation 原始代码：

我想在 Zurb Foundation 6.6 中使用 XY-grid 的 mixins 构建一个网格，但是当我只想在特定断点上为网格本身设置负边距时遇到了问题。

使用 mixinxy-gutters()会为每个断点创建边距，我不能选择只为其中一些断点使用边距。

在下面的示例中，我希望断点（中）有一个没有边距排水沟的单元格。

这是怎么做的？

谢谢你的帮助！