Foundation 块状网格

块状网格用于均分页面内容：例如一行内要显示四张图片，不管什么屏幕下都需要均分宽度。

可以使用

元素加上.small|medium|large-block-grid-num类来创建块状网格。num用于指定均分是数量：

实例

          
  
Foundation 块状网格
 
图片均分屏幕宽度:
 
 
 
 
 
  


运行实例 »

点击 "运行实例" 按钮查看在线实例

另一个实例，使用段落：

实例

          
  
Foundation 块状网格
 
均分段落:
 
 
Just a Simple Example Text...
 
Just a Simple Example Text...
 
Just a Simple Example Text...
 
  


运行实例 »

点击 "运行实例" 按钮查看在线实例

---

不同尺寸屏幕显示不同数量

通过添加多个网格块类可以设置不同尺寸屏幕显示不同的块数量:

实例

          
  
Foundation 块状网格
 
通过添加多个块类，在不同屏幕指定不同是均分数量:
 
 
 
 
 
 
  


运行实例 »

点击 "运行实例" 按钮查看在线实例