很久没有写博客了,自从工作忙了就忘了学习新东西,真是越大越懒. 做项目中,需要一个process流程的UI组件,翻遍公司组件和业界框架,都没有满足自适应要求的现成的process组件,只能自己实现.实现的过程中,发现有两个有意思的地方,特此分享出来. 首先看看最后需要的效果:=> 点我查看demo. 实现 流程组件中,两个hr构成圆点之间的连接线. 圆点用span 通过 border-raduis: 50%实现. 接下来,第一个难点来了,如何实现 居中 并且 自适应. 自适应的意思是,拉伸浏览器