元素之間的繪製線

Question

如何在HTML頁面上的每個h2元素之間繪製一條線，以便我可以在下面的圖片中收到效果？最初，我會假設你會通過計算div之間所需的行的大小（div分隔1px水平線）+每個h2之間的距離來解決這個問題，但我並不完全確定如何能夠制定出這樣的距離。

Answer 1

你可以嘗試這樣的：

一）找到的位置WRT文件要連接的2種元素的.offset（）），調用位置P1和P2

（通過調用$（元素IE）

b）用z-index將一個絕對定位的畫布附加到身體上，以確保它顯示在其他任何東西之上。

c）中畫出p1和p2之間的線的畫布

上這是假設該元件可以是在屏幕上的任何地方。如果您需要繪製的線條始終保持水平或垂直，則可以以更簡單的方式完成。

Answer 2

只需使用offset()方法。您可以輕鬆找到使用它的元素之間的距離。