![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5 css
文章平均质量分 92
反派都是哲学家
思维决定高度,认知决定价值!
展开
-
JTopo + Vue 实现自定义拖拽流程图
JTopo + Vue 实现自定义拖拽流程图 市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图 首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所以建议大家也直接引用jquery进行操作; 然后将jtopo.js下载到本地,放到自己的vue项目的静态文件目录下,如下图: ![vue引入jtopo.js](https://im原创 2020-08-24 23:44:46 · 8407 阅读 · 1 评论 -
关于图片与文字在一行显示时,文本的垂直方向位置的设置
对于img标签中的verticle-align的属性值只是为了去除其默认的属性-baseline,其默认为基线对齐即图片底层对齐,只要将其属性值设为其他值,就可以对文本进行竖直方向的位置设置,一般设置其line-height属性,(在这之前要对行属性标签转为在一行显示的块属性,即例子中的display:inline-block;为了对文本进行高度设置,且使两个标签在同一行显示);话原创 2016-09-23 22:25:03 · 2630 阅读 · 1 评论 -
css浏览器兼容大全
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如: <#div id=”转载 2016-10-18 22:33:33 · 390 阅读 · 0 评论