html - 使用 HTML/CSS 的水平线

Question

我试图让一条水平线在我的博客网站上工作，但我无法在谷歌浏览器中显示这条线(IE 和 Firefox 完美显示)。

基本上，在我的 CSS 中，我有以下内容:

div.hr {
background: #fff  no-repeat scroll center;
margin-left: 15em;
margin-right: 15em;
width:50em;
height:.05em;
}

div.hr hr {
display: none;
}

在我的 HTML 中，我有类似的东西:

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

出于某种原因，在 google chrome 中，该行不存在。现在的问题是，我有很多这样的(大约 25 个):

---

因此，我只想修改我的 CSS，这样我就可以对我的 HTML 进行最少的更改。

谷歌搜索后，我看到很多人都遇到过这个问题，但似乎没有合适的解决方案(不考虑“画”一条线并将该线作为图片插入!)。

如果有人能指出正确的方向来解决上述问题，我将不胜感激。

非常感谢。

Answer 1

这可能是你的问题:

height: .05em;

Chrome 在小数方面有点古怪，所以尝试固定像素高度:

height: 2px;