HTML 水平线之前的间距答案

【问题标题】：Spacing before a HTML Horizontal LineHTML 水平线之前的间距
【发布时间】：2013-02-13 16:59:21
【问题描述】：

我在 HTML 中设置了一些签名，这些签名最终会出现在 Outlook 中。我遇到的一个问题是，在插入水平线时，它会在该线上方插入一个大空间，在该线下方插入一个较小的空间。我的问题是水平线上方的空间非常大。这几乎是一个完整的休息时间

<br>

如果我通过在水平线之前的文本之后设置间距来手动编辑 Outlook 中的签名，那没关系，但我无法手动为需要编辑的 # 个签名执行此操作。这是我的问题的一个例子：

<html>
<head>
    <title>HTML Online Editor Sample</title>
</head>
<body>
    <p>
        <span style="font-size:12pt;"><span style="font-family: arial, helvetica, sans-serif;"><b>This is a test</b></span></span></p>
    <hr style="height: 2px; width: 99%; background-color: #848484" />
    <p>
        <span style="font-size:10pt;"><span style="font-family: arial, helvetica, sans-serif;"><b>Text under the line</b></span></span></p>
</body>
</html>

有没有办法让行前或行后的文字变紧？

【问题讨论】：

标签： html css horizontal-line

【解决方案1】：

段落元素<p> 有一些自然填充和边距，因此请尝试向它们添加填充：0 和边距：0

【讨论】：

this question中似乎是这种情况，但可能有other issues可以解决。

【解决方案2】：

hr 和 p 元素有一些由浏览器插入的填充/边距。添加margin: 0; 将其删除。

【讨论】：

【解决方案3】：

<hr style="height: 2px; width: 99%; margin:0 auto;line-height:2px;background-color: #848484"; border:0 none; />

或

<hr style="height: 0; width: 99%; line-height:0;border-bottom:2px solid #848484; background:none;" />

fiddled here

【讨论】：

【解决方案4】：

从重置 CSS 开始并从那里获取总是好的。

有用的链接： http://meyerweb.com/eric/tools/css/reset/

【讨论】：