如何防止html链接中的换行符?

时间:2010-05-11 13:27:17

标签: html css

即整个html链接必须在第1行或第2行。不在两行中。

5 个答案:

答案 0 :(得分:38)

根据this post

  

NOBR标签不受W3C的支持。因此,请使用替代标记。   而不是给NOBR标签给出标签   style =“white-space:nowrap”。

这意味着你应该说:

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

甚至更好,把它放在你的CSS里面:

a { white-space: nowrap; }

答案 1 :(得分:9)

使用CSS:

a {
    white-space: nowrap;
}

这可以防止任何A标签中的换行符。

答案 2 :(得分:3)

您可以使用<a><nobr>link</nobr></a>

请注意:这将有效,但W3C规范并未正式支持。

答案 3 :(得分:1)

这些都不适合我。我使用了一个显示:内联样式并解决了它

答案 4 :(得分:0)

通过在样式中使用“text-decoration-line:none”,您可以替换链接标签下方的预制行。 这是一个例子

这会起作用

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

如果您使用的是外部样式表,也可以试试这个:

a{text-decoration-line: none;}