使用CSS自动生成Div结构

Question

直到今天，我一直在使用jsfiddle设计div，然后将CSS用于测试目的，然后将设计实现到实际开发中。

现在我想知道是否有任何 GUI类型实用程序，我可以使用它来使用GUI生成带有CSS的Div结构（不是在谈论梦想织布工或任何其他类似的软件）。

示例

我想在其中创建一个带有四个框的div，是否有任何可以使用的实用程序，我可以使用“拖放”功能创建页面布局，然后生成生成的DIV结构。

简而言之，我正在寻找一个程序，我可以使用鼠标绘制，然后基于它获得div结构和CSS，就像绘画一样，但它应该根据我的绘图生成一个Div结构CSS。

更新

请不要混淆，因为我不想要梦想织布工，因为许可证，开放需要很长时间。 我想要一些在线的东西，就像jsfiddle

一样

必须是免费的。

Answer 1

唯一想到的是Webflow，但尚未发布。您可以在他们的网站上注册，以便在他们启动时收到通知，但似乎他们计划通过网络界面提供大多数WYSIWYG编辑器功能。

Answer 2

我认为 Maqetta 就是您所需要的。

免费在http://r7.maqetta.org/在线试用，它也是开源的。

Maqetta来自IBM的一项内部计划，旨在满足IBM各种UXD团队的视觉设计要求。 IBM为开源提供了Maqetta的原始代码，以建立一个可以帮助创建和维护一套强大的开源HTML5可视化工具的社区。

以下是一个截图。有更多的功能，享受！