两个div中间加一条连接线

要在两个div之间添加一条连接线，可以使用CSS和HTML来实现。

首先，在HTML中创建两个div元素，分别为div1和div2。

<div id="div1"></div>
<div id="div2"></div>

然后，在CSS中设置div的样式，包括大小、位置等。

#div1 {
   width: 100px;
   height: 50px;
   background-color: red;
   float: left;
}

#div2 {
   width: 100px;
   height: 50px;
   background-color: blue;
   float: left;
}

接下来，创建一个连接线元素，可以使用伪元素`::before`或`::after`来实现。

#div1::after {
   content: "";
   width: 1px;
   height: 50px;
   background-color: black;
   position: absolute;
   top: 25px;
   left: 110px;
}

这里使用了`::after`伪元素，并设置它的content为空字符串，即没有内容显示。然后设置它的宽度为1px，高度与div相同，并设置背景颜色为黑色。通过设置position属性为absolute，可以将连接线相对于父元素进行绝对定位，使用top和left属性来确定位置。

最后，使用JavaScript或jQuery，当div的大小或位置变化时，更新连接线的位置。

$(window).on("resize", function() {
   var div1Height = $("#div1").height();
   $("#div1::after").css("height", div1Height);
});

以上就是将两个div之间添加一条连接线的步骤。希望能对你有所帮助。