Question

我在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>

有没有办法可以在线之前或之后收紧文字？

Answer 1

段落元素<p>有一些自然的填充和边距，所以尝试添加填充：0和margin：0

Answer 2

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

Answer 3

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

OR

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

fiddled here

Answer 4

总是很高兴从重置CSS开始并从那里开始。

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

HTML水平线之前的间距

4 个答案: