Css 创建垂直线和水平线以相互链接文本段落

对于我们的项目网站，我们希望创建一个特殊的布局，其中一行或几行相互链接文本段落或文本框，如图所示

你知道我可以使用的插件或html/css技术吗

到目前为止，我唯一找到的是关于如何创建水平和（hr和div class=“verticalLine”）的描述，以及关于

然而，我想知道这种策略是否会导致网站的响应性出现问题，以及是否有任何其他方向需要我去寻找

我准备学习HTML/CSS技能，然后在这里发布结果，只是想从一个有经验的人那里知道这是否是正确的方向

---

非常感谢

您可以仅使用CSS来实现这一点，并且使其具有响应性是可行的，而且浏览器支持会相当好，但并不完整。这类功能并非完全必要，因此会很好地降低：

.box{
/*文本框的默认样式*/
背景：rgb（240240240）；
边框：1px实心rgb（180、180、180）；
填料：2米；
宽度：50%；
浮动：左；
位置：相对位置；
/*后面的元素需要这个吗*/
}
.box:第n个孩子（偶数）{
/*每隔一个方框向右移动一次*/
浮动：对；
}
.盒子：之后{
/*为我们的行创建after元素*/
内容：“；
身高：50%；
边框顶部：2倍纯色灰色；
右边框：2倍纯色灰色；
宽度：25%；
位置：绝对位置；
左：100%；
最高：50%；
}
.box:n个孩子（偶数）：之后{
/*将偶数BOE的线移到另一侧*/
左：自动；
右：100%；
边界权：无；
左边框：2倍纯色灰色；
}

头衔
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

头衔
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

头衔
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

请您直观地解释一下您所描述的内容好吗？（至少对我来说）这听起来像是某种流程图？谢谢jbutler483的提问，我在上面的问题中添加了一个草稿。（仍在学习如何使用这个有趣的论坛）流程图似乎是一个适合我们想法的概念，谢谢！这可能会有帮助，我现在就来看看：我很高兴能给你一个可能的解决方案。然而，我必须告诉你们，这绝对不是一个论坛。这是一个问答网站（非常好）。但是如果你想了解更多，我们总是有你可以参加的巡演（屏幕右上角）：）