程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

在元素之间画线

发布于2022-01-25 13:55     阅读(406)     评论(0)     点赞(22)     收藏(0)


如何在我的 HTML 页面上的每个 h2 元素之间画一条线,以便我可以收到下图中的效果?最初,我假设你会通过计算 div 之间所需的线的大小(div 由 1px 水平线分隔)+每个 h2 之间的距离来解决这个问题,但我不完全确定怎么能算出这个距离。

先谢谢了。


解决方案


您可以尝试以下方法:

a) 找到要连接的 2 个元素的位置 wrt 文档(即通过调用 $(element).offset()),调用位置 p1 和 p2

b) 使用 z-index 将绝对定位的画布附加到 body 以确保它显示在其他所有内容之上。

c) 在画布上在 p1 和 p2 之间画一条线

这是假设元素可以在屏幕上的任何位置。如果确保您需要绘制的线始终是水平或垂直的,则可以以更简单的方式完成。




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/295550/158dc37eb6218c6084d9/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

22 0
收藏该文
已收藏

评论内容:(最多支持255个字符)