我试图让一条水平线在我的博客网站上工作,但我无法在谷歌浏览器中显示这条线(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 进行最少的更改。
谷歌搜索后,我看到很多人都遇到过这个问题,但似乎没有合适的解决方案(不考虑“画”一条线并将该线作为图片插入!)。
如果有人能指出正确的方向来解决上述问题,我将不胜感激。
非常感谢。
最佳答案
这可能是你的问题:
height: .05em;
Chrome 在小数方面有点古怪,所以尝试固定像素高度:
height: 2px;
关于html - 使用 HTML/CSS 的水平线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7302997/