为什么我的'；人力资源'；在HTML中显示一个额外的半像素？

这只是一个标准的HTML“hr”标记，但该行显示的是一个奇怪的额外像素。我唯一的CSS是：

hr {margin:0%;line-height: 100%;}

---

显然，我没有足够的rep来包含问题的图像，因此您必须离开我的描述。

使用height属性而不是line height属性，这将解决您的问题。这里有一些关于hr标签样式的附加信息

现在已经在评论中了，但这是对他的修正。

---

hr{border:none；border top:1px#cccc solid；height:1px；}

在大多数浏览器中，hr在其上使用阴影。您应该使用css或类似的方式覆盖样式：

更新：
noshade已被弃用。。。请参阅Css解决方案：

hr {
    border: none;
    background-color: #000;
    color: #000;
    height: 1px;
}

使用CSS的跨浏览器解决方案：

hr { height: 1px; background-color: #000; border: 0 none; }


jsFiddle：

hr标记只是呈现为一个1px高的空元素，边框样式为inset（将hr的高度更改几个像素以了解我的意思）。由于嵌入边框的渲染方式，额外的像素位于左侧。如果您添加：

hr { border-left: none; }

…然后您可以保持默认hr的插入外观，而无需额外的像素。将边框样式设置为纯色，或将其设置为黑色背景色可能会使您的hr太暗。我更喜欢上述方法的微妙之处。
您使用的是重置样式表吗？您可以在JSFIDLE中添加代码吗？事实证明，这只是一些着色问题。放弃它，显然不推荐使用。仍然需要帮助。是的，我在Firefox上试用过，没有什么问题。然而，我需要这个在Chrome中工作，我一辈子都不知道它有什么问题。尝试使用这个修复程序，应该可以跨浏览器工作。hr{border:none；border top:1px#cccc solid；height:1px；}这完美地修复了它。谢谢JR Smith。这个方法在HTML4中被弃用了。如果它被弃用了，我不想使用它，因为我的页面符合行业标准。非常感谢你，但是另一个家伙的代码解决了我的问题。在你的Jffidle中，如果你写了3个（或更多）
标记，你会看到其中一些是2px高的。