WULIhuihui的博客

JTopo + Vue 实现自定义拖拽流程图 市场上做流程图的插件比较多，这里介绍一种基于canvas编写的js插件，结合vue框架做出精美的流程图 首先搭建vue框架，这里就不做介绍，由于jtopo官方demo里用到了jquery，所以我的项目里也引用了jquery插件，鉴于这里用到了很多的dom操作，所以建议大家也直接引用jquery进行操作； 然后将jtopo.js下载到本地，放到自己的vue项目的静态文件目录下，如下图： ![vue引入jtopo.js](https://im

对于img标签中的verticle-align的属性值只是为了去除其默认的属性-baseline,其默认为基线对齐即图片底层对齐，只要将其属性值设为其他值，就可以对文本进行竖直方向的位置设置，一般设置其line-height属性，（在这之前要对行属性标签转为在一行显示的块属性，即例子中的display:inline-block;为了对文本进行高度设置，且使两个标签在同一行显示）；话

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”