html - 去掉html中的行间空格

Question

以下 html 代码在连续行中创建两个超链接，其中
1. 中间有空格
2. 带下划线的链接。

如何摆脱 1 和 2 ？

<a href="www.stackoverflow.com"><font face="monospace" font size="4" style="text-decoration:none;"><pre>[    Text1]</pre></font></a>
<a href="www.stackoverflow.com"><font face="monospace" font size="4" style="text-decoration:none;"><pre>[    Text2]</pre></font></a>

Answer 1

1# <pre>标签导致那个“空格”。<pre>上下有一些边距。边距：0；使魔术。

<style>
    pre { margin: 0; }
</style>

2# 添加你的风格标签style="text-decoration:none;" 内部标签，而不是内部<font>标签。

此外，我建议您忘记内联样式，并在外部 .css 文件或<style></style>标签之间进行样式设置。使用内联样式标签有点陈旧，并且会使您的代码看起来很复杂。相信我，它会让你的生活轻松很多。

Answer 2

<div style="word-spacing: 3px;">
    <a style="text-decoration:none;" href="www.stackoverflow.com"><font face="monospace" font size="4"><pre style="margin: 0;float:left;">[    Text1]</pre></font></a>
    <a style="text-decoration:none;" href="www.stackoverflow.com"><font face="monospace" font size="4"><pre style="margin: 0;">[    Text1]</pre></font></a>
</div>

演示

这可能会帮助你！

越少word-spacing之间的差距越大。