两个盒子之间的指引线请问怎么实现?

Question

请问图中这种对应关系的指引线怎么实现，右边的盒子可能会有好几个，怎样动态的和左边的盒子建立指引线的联系？请了解的大佬给个实现的思路和方法

Answer 1

计算两个盒子的中心点用伪元素画一个&nbsp;<div>&nbsp;，用它的某个边框作为连线用三角函数计算盒子的位置，放过去