Html 在按钮之间垂直放置hr元素？

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

这是我的密码笔，我一直在努力寻找一个像样的解决方案。有人能看一下吗

现在他们在上面和下面

测试

试验

hr

元素应该在语义上水平使用。您可以使用

span

元素代替

hr

元素。但为什么要创建不必要的元素，而不需要任何元素就可以创建它呢。只需在

按钮

元素上应用边框即可

示例：

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

或者，您也可以为右按钮设置左边框

---

顺便说一句，我们不建议在用语义说话时使用still。布局应使用

div

，并在该div内放置按钮元素并在div上应用边框。

hr

元素应在语义上水平使用。您可以使用

span

元素代替

hr

元素。但为什么要创建不必要的元素，而不需要任何元素就可以创建它呢。只需在

按钮

元素上应用边框即可

示例：

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

或者，您也可以为右按钮设置左边框

---

顺便说一句，我们不建议在用语义说话时使用still。您应该使用

div

进行布局，并在该div内放置按钮元素，并在div上应用边框。

似乎没有边框。但是你可以这样做：

似乎没有。但是你可以这样做：

不确定这是否是你正在寻找的解决方案，但我做了一支带有hr“连接两个按钮”的笔

最简单的方法是使用绝对定位，因为这样可以使按钮保持动态，如下所示：

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

---

希望这能解决你的问题

不确定这是否是您正在寻找的解决方案，但我制作了一支带有hr“连接两个按钮”的笔

最简单的方法是使用绝对定位，因为这样可以使按钮保持动态，如下所示：

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

---

希望这能解决你的问题

似乎没有。我建议你看看这个：hr意味着

水平规则

。如果你想要垂直分割线。检查下面的答案。你想要一些看起来没有的东西吗。我建议你看看这个：hr意味着

水平规则

。如果你想要垂直分割线。检查下面的答案。你想要这样的东西吗？这就是我的意思。它只需要一点填充物，这样就不会完全触碰按钮。有点像漂浮在他们之间。谢谢你到目前为止的帮助。这就是我的意思。是的。它只需要一点填充物，这样就不会完全触碰按钮。有点像漂浮在他们之间。谢谢你迄今为止的帮助。