文件名称:sequence-diagram-html:序列图CSS(加转换器)
文件大小:13KB
文件格式:ZIP
更新时间:2024-05-23 16:40:27
JavaScript
HTML序列图
这是一组样式表,用于在HTML页面中显示序列图。
您可以使用语义标记( )或纯CSS()进行编写-请务必查看源代码。
要嵌入到页面中,您需要 ,外加转换脚本或用于列的额外CSS文件。
纯CSS(包括布局)
底层标记的工作原理是将所有内容都分成几列并添加CSS类(例如,在4列布局中,第2列的col-2-4 )。 如果您手动进行布局(纯CSS选项),则需要包含 。
但是,您不必自己编写此布局代码,而是编写语义标记。
语义标记
可以以更直观的方式(无需考虑布局)输入图表。 要自动转换,请包含脚本,并将图标记放置在
【文件预览】:
sequence-diagram-html-gh-pages
----index.html(2KB)
----convert.js(15KB)
----example-css.html(2KB)
----sequence-diagram-columns.css(7KB)
----images()
--------arrow.svg(2KB)
--------arrow-left.png(488B)
--------arrow-right.png(454B)
----example-semantic.html(1KB)
----sequence-diagram.css(3KB)
----README.md(3KB)
----.gitignore(26B)