换行符< hr>没有按预期呈现 [英] line break <hr> not rendering as expected

问题描述

有人知道为什么我的绿色

---

上方有一条细灰色的线以及如何消除它吗？

谢谢

  hr {
 border-bottom：4px实心＃469551; 
宽度：30％； 
 margin-left：auto; 
 margin-right：auto; 
 margin-bottom：0px！important; 
高度：0； 
} 
  

解决方案

替换为：

 边框底：4px实线＃469551; 
  

通过以下方式：

 边框：4px实心＃469551； 
  

这是 JSFiddle 演示

Any idea why there's a thin grey line above my green

---

and how to get rid of it?

Thanks

https://jsfiddle.net/Lc7gym88/

hr {
  border-bottom: 4px solid #469551;
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px !important;
  height: 0;
}

解决方案

Replace this:

border-bottom: 4px solid #469551;

by this:

 border: 4px solid #469551;

Here is the JSFiddle demo

这篇关于换行符< hr>没有按预期呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！