元素之间的绘制线

Question

如何在HTML页面上的每个h2元素之间绘制一条线，以便我可以在下面的图片中收到效果？最初，我会假设你会通过计算div之间所需的行的大小（div分隔1px水平线）+每个h2之间的距离来解决这个问题，但我并不完全确定如何能够制定出这样的距离。

Answer 1

你可以尝试这样的：

一）找到的位置WRT文件要连接的2种元素的.offset（）），调用位置P1和P2

（通过调用$（元素IE）

b）用z-index将一个绝对定位的画布附加到身体上，以确保它显示在其他任何东西之上。

c）中画出p1和p2之间的线的画布

上这是假设该元件可以是在屏幕上的任何地方。如果您需要绘制的线条始终保持水平或垂直，则可以以更简单的方式完成。

Answer 2

只需使用offset()方法。您可以轻松找到使用它的元素之间的距离。