Question

有没有类似hr标签的东西，但是在垂直意义上呢？

我不想使用表格，但基本上我有两个标签，我想在标签的标题之间插入一行。

这是一个快速的jsfiddle。

编辑：使用border-right

的新版jsfiddle

编辑：Close enough!但是如果我将padding-top = 10放在friendsH和familyH而不是标题中，它会因为某些原因而完美地运行，但事情并没有垂直居中，所以我觉得我更喜欢这种方式

This似乎是一种黑客行为方式，但如果这是唯一的方式，那么我猜这只是同一个问题。

Answer 1

是的，你可以。 <hr style="display: inline" />会产生垂直规则。

（但在IE7中失败，所以你可能想要条件注释一个样式来隐藏它或用|代替它）

Answer 2

没有“垂直”hr标记。您可以使用“border-left”和“border-right”css属性来获得这样的效果。

Answer 3

HTML没有任何原生内容。您可以使用CSS创建一些东西，使用非常恐怖的div，例如只有一侧的边框或图像背景。如果您正在使用jquery，您可能会找到一个插件来执行此操作，但它可能具有更多功能，例如允许用户拖动和调整分割区域的大小。

Answer 4

这个怎么样：

Answer 5

我最近选择了一个技巧，它会产生垂直<hr>：

<hr width="1" size="500" style="display:inline-block;">

Answer 6

没有垂直hr标记，但您可以使用css进行垂直hr

.vhr {
  width: 1px;
  height: 200px;

  }

<div class="v-hr"></div>