如何防止HTML链接中的换行?

26

也就是说,整个 HTML 链接必须在第一行或第二行中。不能分成两行。

5个回答

55

根据这篇文章

W3C不支持NOBR标签。因此,请使用替代标签。您可以使用style="white-space: nowrap"代替NOBR标签。

这意味着您应该这样说:

<a style="white-space: nowrap">link</a>

甚至更好的方法是将它放在你的CSS中:

a { white-space: nowrap; }

10

使用 CSS:

a {
    white-space: nowrap;
}

这将防止任何A标签中出现换行。


3
你可以使用<a><nobr>link</nobr></a> 请注意:这样做可以起作用,但并不是 W3C 规范的官方支持。

2
是的,但请记住它并未得到W3C规范的官方支持。 - Justin Ethier
@Justin Ethier,非常好的观点,我会将其添加到答案中。 - Gabe

2

对我来说,这些都没有起作用。我使用了display:inline样式并解决了问题。


0
通过在样式中使用“text-decoration-line:none”,您可以替换链接标记下面的预制线条。以下是示例:

这将起作用。

`<a href="your_link_here" style="text-decoration-line: none;">Home</a>`

或者

如果您正在使用外部样式表,也可以尝试这个:

a{text-decoration-line: none;}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接