Question

我需要在两个按钮之间获得一个hr元素，使它在它们之间垂直居中。

这是我的代笔，我一直在努力找到一个像样的解决方案。有人可以快点看看吗？

现在他们低于和高于。

<button class="left">Test</button>
<hr />
<button class="right">Test</button>

Answer 1

hr元素应该在语义上水平使用。您可以使用hr元素代替span元素。但是为什么你创建不必要的元素，而你可以在不需要任何元素的情况下创建它您只需在button元素上应用边框。

示例：

button.left{ border-right: 1px solid #000; }

或者，您也可以为右侧按钮设置border-left。

顺便说一句，在语义交谈时，不建议使用静止方式。您应该使用div作为布局，并在div中放置您的按钮元素并在div上应用边框。

Answer 2

不确定这是否是您正在寻找的解决方案，但我用了hr来加入两个按钮＆＃39;。

最简单的方法是使用绝对定位，因为它允许按钮是动态的，如下所示：

hr {
position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
}

希望这能解决你的问题！

Answer 3

似乎并不是一个人。但您可以执行以下操作：<div style="border-left:1px solid #000;height:500px"></div>