以下内容纯属个人一点点或不成熟的思考。如果您发现任何问题或更好的想法,请指出。谢谢你!一开始,在一个阳光明媚的下午,有小伙伴问我应该用什么样的思路来实现下面的分形图。看到这张图我愣了2秒,然后脑子里蹦出一个词——定位,没错就是定位。然后,又过了2秒,不知所措的定位。是最好的解决方案吗?然后就兴高采烈的决定写写怎么用定位来实现这个效果(我不是想找其他更好的解决方案吗。。。啊喂),认真的敲了敲代码面(哎,气死我了,我装我什么也听不见)。效果图:感谢brook提醒加在线预览地址:方法一:css+jq实现效果方法二:flex实现效果tips:本例仅适用于固定1转2的模式,示例蓝色框架的宽度和高度是固定的。思路:以一个字符为单位,然后考虑如何将它们连接起来,使用.box-line这个伪类来显示线条。主体html:
