css - CSS 中的垂直线(相对于 )

Question

我知道它不存在，但是有纯 CSS 版本吗？

想要设置高度，并使其宽度为 1px(如果可能，带有阴影)。

只是无法理解执行此操作的纯 CSS 方式。需要绝对定位。

因为我的容器有两个并排的 div，例如 60-40% 的分割。需要两者之间的垂直规则，但又不想在 div 2 上使用 border-left。

有什么建议吗？

Answer 1

为此，您基本上需要设置一个地方来放置它，并且 div 语句可以工作。

 <div style="width:150px;height:2px;background-color:#000000;">&nbsp;</div>

这也可以引用:

 .hr {width:150px;height:2px;background-color:#000000;} // in your css file/script

 <div class="hr">&nbsp;</div> <!-- IN HTML -->

您可以通过 css 放置和 z-index 更改位置并使其向上/向下或向左/向右移动

 .hr {width:2px;height:150px;background-color:#000000;position:absolute;top:0px;left:50px;z-index:10;} // in your css file/script

---

基本上

 width            = how wide you want it
 height           = how tall you want it
 background-color = is the color you want it to be
 position         = absolute, relative, float - basically if it stays in one place or moves with page content
 top              = where to place in reference to top of page - could be margin-top
 left             = where to place in reference to left of page - could be margin-left