1. 文章
  2. 工具
  3. 文章详情

CSS Grid(网格)在线生成工具推荐，可以实时预览并生成CSS代码

发布于5年前(2019-12-09) 分类：工具  阅读(10k+)  评论次数(0)
有没有感觉CSS Grid(网格)学习起来有点儿难, 的确，我也感觉是。 幸运的是有大神已经构建了一个非常有用的在线网格生成器，使用起来非常容易。它可以实时预览并生成基本的CSS Grid代码，使得网格布局更容易。

css grid online generater

布局调整好后我们就可以点击”请给我示例中的代码“按钮获取代码了。效果如图：
css grid generater code

工具不仅简洁好用，而且代码是开源的哦。此工具基于Vue框架，感兴趣的小伙伴可以clone下来研究研究，看看大神是如何写的，项目地址：

the end

标签： CSS Grid 布局
上一篇:   Electron+React报错TypeError: fs.existsSync is not a function
下一篇:   Js中常用的正则表达式汇总
热门文章