HTML水平线前的间距
HTML水平线前的间距
提问于 2013-02-28 02:37:11
我在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>有什么方法可以在行前或行后收紧文本吗？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-02-28 02:39:20
段落元素<p>有一些自然的填充和marggin，所以尝试添加填充:0和页边距:0
Stack Overflow用户
发布于 2013-02-28 02:41:56
hr和p元素有一些由浏览器插入的填充/边距。添加margin: 0;以删除它。
Stack Overflow用户
发布于 2013-02-28 05:02:31
<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
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15119677
复制相关文章
相似问题
腾讯云开发者
