Jquery HTML/CSS定位中的流程图？

我正试图用HTML和CSS制作一个流程图，但事实证明，我在行框、子框和答案中使用了大量div，这非常困难

这是我的JSFIDLE，创建此流程图并定位它们的最佳方法是什么

这就是我迄今为止所尝试的：

---

jquery可以用来定位div吗？或者甚至用箭头连接它们？

我建议对您的子项使用UL，然后只需使用背景图像并将文本偏移到背景图像的宽度即可。这会给人一种被连接的感觉。

你不能设计一个

？看来你正朝着那个方向走。。。您还可以使用jQuery或其他工具将

（或其他格式）转换为美观的格式。ul？ul能否单独定位LIs？什么更容易。。创建div和css是一场噩梦。或者呢？@bradcristie，它将是一个网站页面中的一个图表。因此它需要对SEO友好。难道在线没有自动工具吗。我会在photoshop中完成它，并保存图像/它是一个噩梦，以定位30个div！！加上10条“线”和“箭头”，如果你使用CSS类，这不是一场噩梦；我想你可以在5节课内完成你想做的事情。