10个非常有用的CSS网格布局生成器（体验版）

2019独角兽企业重金招聘Python工程师标准>>>

本来是15个推荐的，但是整理后发现只剩下10个能用的了……那个啥，那个啥……

神飞 发表于 01. Jun, 2009,
标签：css & 网格

译自：webDesignBooth
中文原文：15个非常有用的CSS网格布局生成器
版权所有，转载请注明出处，多谢！

---

网上有很多在线生成器可以帮助设计师快速的完成某项任务，这些在线生成器包括收藏夹图标生成器、背景图片生成器、按钮生成器、徽章生成器等。Balkhis曾经为我们写过一篇文章介绍非常有用的在线生成器。

除了这些在线生成器之外，设计师还需要花费大量的时间来做重复的事情。还好现在已经有了很多不错的CSS框架，现在让我们看看一些很有用的CSS网格布局生成器吧。

1.Blueprint Grid CSS Generator

体验结果：感觉一般般，没有所见即所得的功能，完毕。

3.YUI CSS Grid Builder

体验：这个可以做成下图，很不错。

4.Grid System Generator

体验：这个能合理地分割表格，不错

5.Grid Generator by DesignByGrid

体验：生成的是图片……TAT

7.Grid Designer (featured in Creative Review magazine)

体验：这个也很不错的，可以导出样式。

8.Grid Layout Generator by Pagecolumn

体验：网站相当迅速，很不错。

9.YAML Builder

体验：一样的相当不错的工具，可以得到CSS代码。速度也很快。

10.Layout Generators by Pagecolumn

体验：跟小8差不多，但是这个只有一行，都是并排的。

12.CSS Layout Generator by CSSCreator

体验：这个也相当不错。

15.CSS Layout Generator by CSSPortal

体验：这个，跟小12也极度相似。不错不错。

=====================================================

2.(无法显示此页，呃)Variable Grid System

6.此链接年久失修。。。没有用户名，进不去。Grid Generator by netProtozo

11.我看见的是SVN……就当作是年久失修吧。。。Fisheye

13.没有看见表格的地方，这个么……不好评价 Firdamatic

14.（404你懂得）CSS Source Ordered Variable Border 1-3 Columned Page Maker

转载于:https://my.oschina.net/wuyizhong/blog/120882