断开巨大的URL，这样它们就不会'；t溢出

有没有办法强制使用巨大的URL，比如

http://www.google.de/search?q=65daysofstatic&hl=de&safe=off&prmd=ivnsl&source=lnms&tbm=isch&ei=P9NkToCRMorHsgaunaClCg&sa=X&oi=mode_link&ct=mode&cd=2&ved=0CBkQ_AUoAQ&biw=1697&bih=882

在网站中呈现时是否中断？我宁愿缩短它，但在我工作的地方，他们要求我显示整个url，但我只有一个320px的空间来显示它，它溢出了

---

溢出：隐藏，也不是选项，向包含url的td添加样式将被忽略。

CSS3有一个新功能：

word-wrap:break-word;

您可以看到一个实例（您必须有一个与该新功能兼容的浏览器）

这也是StackOverflow采用的相同技术，如果你检查你的长URL，你会注意到

或者你可以试试

---

上述规则适用于Internet Explorer 8+、Firefox 6+、iOS 4.2、Safari 5.1+和Chrome 13+。

我使用此规则仅影响锚定

.my-paragraph p a[href] {
  word-wrap:break-word;
}

---

在Chrome中，

wordwrap

不起作用。你应使用：

word-break: break-all;

a {word-break: break-all;}

如果只想将其应用于标记，则应使用：

word-break: break-all;

a {word-break: break-all;}

请注意，

break all

甚至会分割单词，因此单词可以从一行开始，在另一行结束，这就是为什么只在

a

标记上应用它是一个好主意。如果您知道您的链接总是包含单词（例如，不是mylink/ABCDEFGHIjklmnopqrStuvxyz1234567890ABCDEFGHIjklmnopqrStuvxyzaCDEFGHIjklmnopqrStuvxyz1234567890ABCDEFGHIjklmnopqrStuvxyz1234567890），那么您可以在body标记级别应用以下内容（这样一个单词就不会拆分为两行）：

---

请在下面的CSS属性中尝试将长文本URL显示为短文本

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 40%;

---

显然，答案是肯定的。所以似乎只是简单地将它们包装在一个代码块中。你的意思是在javascript操作旁边插入URL的缩写版本？您是否考虑使用外部URL缩短器服务的选项？有一种可能是用“代码>”和“< /代码>替换<代码>和‘< /代码> -然后当它到达分配的宽度时，它会被包装。不幸的是，如果有人想复制并粘贴到浏览器中，他们必须手动删除空格。@mimisbrunr这样把空格放在中间

@AleksG这不应该发生，因为他们只需要查看完整的url（据我所知），但url是使用php自动添加的，我应该在哪里执行此操作？

word wrap:break word对我不起作用（在Chrome上）。我认为这应该被提升为答案。谢谢，谢谢！没有在Chrome上工作，这让我很痛苦！这应该是公认的答案。