HTML水平線之前的間距

我在HTML中設置了一些簽名，最終將在Outlook中生效。我遇到的一個問題是插入水平線時，它會在上方插入一個大空間，並在線下方插入一個較小的空間。我的問題是水平線上方非常大的空間。這是一個完整的休息HTML水平線之前的間距

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

有沒有一種方法，我可以緊縮文本之前或之後的行？

來源

2013-02-27 Untalented

段落元素<p>有一些天然填充ANAD marggin所以要儘量添加填充：0和保證金：0給他們

來源

2013-02-27 18:39:20

這似乎是這個問題的情況下，但有可能是[其他問題]（HTTP：/ /en.blog.improveit.com.br/articles/2008/09/27/margins-on-the-hr-tag-a-case-solved）可以解決的問題。 – GordonsBeard 2013-02-27 18:41:56

利潤率固定它。謝謝。 – Untalented 2013-02-27 22:07:51

的hr和p元素都一些填充/利潤率插入由瀏覽器。添加margin: 0;刪除。

來源

2013-02-27 18:41:55

總是很好從重置CSS開始，並從那裏開始。

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

來源

2013-02-27 20:17:07 AdamRox

<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

來源

2013-02-27 21:02:31

HTML水平線之前的間距

回答

相關問題