hr标记导致两个部分之间的边距

时间:2016-05-19 20:12:46

标签: html css web

我正在建立一个个人网站,并且我希望用hr标签分割部分。但是,当我使用标签时,我不断得到这种奇怪的间距。

(黄色是一个部分,紫色是另一个,绿色是页面背景的颜色)

我试图通过改变边距,填充等来修复它,但似乎没有任何效果,任何想法?

hr {
padding: 0px;
height: 1px;
border: none;
}

1 个答案:

答案 0 :(得分:2)

您应该可以通过将边距设置为0来获得:

hr {
  margin: 0;
}

https://jsfiddle.net/5m5wad4r/

如果这不起作用,也许这些部分本身有边距,而不是hr