html标尺和上面的文字之间的间距

Question

我有以下代码：

    <p><font size='5'><b>Loop Main</b></font><br><HR align='left' WIDTH='60%'></p>

问题是在Loop Main下，我得到一些间距，然后出现HR。有没有办法得到 文本正下方的标尺没有任何间距？

Answer 1

你应该使用CSS。是的，你可以实现你想要的东西。

p.main {
  margin-bottom:0;
  padding-bottom:0;
  font-weight:bold;
  }
hr {
  padding-top: 0;
  margin-top:0;
  }

<p class="main">Loop Main</p>
<hr>

如果您希望<hr>更接近文字，您将不得不使用定位，如下所示：

p.main {
  margin-bottom:0;
  padding-bottom:0;
  font-weight:bold;
  }
hr {
  padding-top: 0;
  margin-top:0;
  position: relative;
  top: -4px;
  }

<p class="main">Loop Main</p>
<hr>

当然，甚至更好的解决方案就是在<p>上设置一个边框底部，如：

p.main {
  margin-bottom:0;
  padding-bottom:0;
  font-weight:bold;
  border-bottom: 1px solid gray;
}

<p class="main">Loop Main</p>

Answer 2

你可以试试像

这样的东西

<HR align='left' Width='60%' style='margin-top: -3px;' />

或者您可以使用css更改HTML <p>属性

的行高属性