logo标签列表

长的HTML链接如何避免换行？

html
3

我知道nobr标签已经被弃用了，那么我该如何使用其他标签或CSS来实现这个效果呢？

可能是如何防止HTML链接换行？的重复问题。 - Ian Mackinnon
5个回答
7
请使用以下CSS属性：white-space:nowrap;。该属性可防止文本换行。
3

这个可以直接应用于链接上：（在Chrome、Safari、Firefox中测试过）

a {
    word-break:break-all;
}
2

尝试使用不间断空格来防止文本中断：

 

您也可以在CSS中定义换行行为：

.nobr { white-space: nowrap; }
1
如果父级div或其他元素没有明确的宽度，链接将在整个屏幕上占据一行...如果链接超过了这个长度，请考虑将其更改为
<a href="http://a/long/address/">Link</a>
0
使用以下CSS来避免长HTML链接字符串的换行：
                            display: block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            width: 200px;
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接