Jquery 垂直hr标签

是否有类似于hr标签的东西，但在垂直意义上

我不想使用表，但基本上我有两个选项卡，我希望在选项卡的标题之间有一行

这里有一个简短的例子

编辑：使用边框权限的新版本

编辑：但是如果我在friendsH和familyH中放置padding top=10而不是header，由于某些原因，它可以完美地工作，但是东西没有垂直居中，所以我想我更喜欢这种方式

---

这似乎是一种很简单的方法，但如果这是唯一的方法，那么我想这就是同一个问题。

没有“垂直”人力资源标签。您可以使用“border left”和“border right”css属性来获得这样的效果。

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

是的，您可以<代码>

---

将生成垂直规则

（但在IE7中失败，因此您可能希望对样式添加条件注释以隐藏它或用

|

替换它）

如何：

---

最近我学会了一个技巧，它将使一个垂直的

：

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

没有垂直hr标签，但是您可以使用css创建垂直hr标签

.vhr{
宽度：1px；
高度：200px；
}

---

您最好使用CSS边框属性。或者，如果元素的高度不同，并且您希望它与最高的元素匹配，我有一个jQuery函数，我已经编写了这个函数。如果你想要的话，请告诉我。它是否能达到人力资源标签的要求？因为在更新后的JSFIDLE中，我使用的是边界，但它并不完全适用。我明确地设置了框的宽度和高度。您可能需要修改填充、边距和高度属性，使其覆盖整个高度。“将其替换为

”？你能详细说明一下吗？PLZ这种方法很有效，但我无法使它调整到我需要的高度。在我的情况下，我喜欢放置

|
，然后使用条件提示注释
包含一个脚本，用“垂直规则”替换
span.vr
。。。换言之，为了给老用户提供更好的体验，我采取了另一种方式。它几乎可以工作，但看起来有点奇怪，它没有达到下面的人力资源线。知道怎么解决吗？我更新了提琴，可能会使用“border bottom”而不是hr标签