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

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

Demo

这可能会对你有帮助！

word-spacing之间的差距越小。

Answer 2

1＃ <pre>标记会导致“空格”。 <pre>在上方和下方有一些边距。 保证金：0; 是神奇的。

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

2＃在标记内添加样式标记 style =“text-decoration：none;” ，而不是在<font>标记内。

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

摆脱html中行之间的空格

2 个答案: