块网格的使用及其在Foundation5中存在的原因

Question

我最近发现Foundation5有Block Grid，很少在网上找到用例来证明使用它的重要性......或者它是否具有很好的功能？因为我目前正在使用Bootstrap3并且发现它没有Block Grid。所以我想知道它是否真的应该引起注意。 也许一些关键的用户案例，除了基于列的网格之外，使用块网格会更好。

谢谢！

Answer 1

block grid和常规列grid之间存在一些差异。

• 块网格始终均匀分布和分布
• 块网格需要较少的标记
• 块网格没有内部填充

看一下这个演示：http://codeply.com/go/XiyFxtMcXT，你会看到差异。注意当项目超过一行时block-grid如何均匀地包装项目。

Answer 2

块网格为您提供了一种在网格中均匀分割列表内容的方法。如果您想要创建一个五行图像或段落，无论屏幕大小如何都需要保持均匀间隔，块网格适合您。

Answer 3

您可以轻松使用基于百分比的网格系统来实现相同的结果。

我认为＆＃39;阻止网格的好处＆＃39;是：

1. 项目显示在“＆lt; ul;＆＃39;将它们组合在一起（好的，可访问性）。
2. 将一种风格添加到＆＃39; ul＆＃39;这将自动使每个＆＃39; li＆＃39; a＆＃39;列＆＃39;而不是添加＆＃34; col-x＆＃34;对每个人来说手动
3. 他们已经建立了它，所以你不需要。