在上周的培训当中，主要讲了栅格化网页设计，于是对这一门领域的技术有了不少的兴趣，碰巧星期六的WEB交流会上，多玩的前端工程师分享了一个栅格化工具，个人认为这个工具对我们在设计网页的时候有一定的帮助，让我们更好地对网页栅格化。
网址如下：

 

正确填入你的参数，根据公式可知。columns Number为格数，Column Width就是a的宽度，Gutter Width为I。
然后点击“design”就会出现

 

然后点击“rules”后它会自动生成

我们所需要的栏目宽度。
附件：离线版栅格化工具