Html 容器中的CSS行

想象一下有一个盒子

a          b
 ----------
|          |
|          |
c----------d

这个盒子有a点、b点、c点和d点。我需要有一条从b点到c点的线，我将有我的数据，比如说，在a点和d点100%

---

这可能吗？我试着用fr查看，但我仍然有画一条线的问题，你必须做一些计算才能完美地连接一条线

.测试{ 宽度：50vw； 高度：40vw； 边框：2×000； 位置：相对位置； } .测试：：之后{ 内容：； 位置：绝对位置； 最高：50%； 左：50%； /*得到y/x的斜率*/ /*这里40/50=4/5…弧tan4/5=0.67弧度*/ 变换：平移-50%，-50%旋转-0.67rad； 高度：2倍； /*计算线条宽度^2+高度^2^1/2*/ /*宽度=64.0312423743*/ 宽度：64vw； 背景：2000人； }

---

Vian，您可以使用svg实现这一点。它将根据容器的宽度和高度进行响应。可以设置路径元素的样式，使其具有适当的颜色和笔划厚度。如果这听起来像是您需要的，那么就这么说，我将为该解决方案添加一个带有代码的答案。这可能会奏效。请加上这个答案，我认为这是更好的选择这是好的，但这不会是移动响应，因为宽度是静态的，如果你能在vw和vh中定义你的尺寸，这可能是…你有了这个想法，你可以制作一个javascript代码来更改线旋转角度和宽度..顺便说一句，我编辑了代码，现在是大众汽车，而不是px