为什么 IE 让 URL 链接破坏其容器 div？答案

【问题标题】：Why is IE letting a URL link break its container div?为什么 IE 让 URL 链接破坏其容器 div？
【发布时间】：2010-01-02 07:12:41
【问题描述】：

在 FF 中显示良好，（将 URL 延续到下一行，干净整洁）。但是 IE 让它打破了 div 的右边界。

此页面的新闻部分：

http://www.albuquerquecupcakecreations.com/index.php

感谢任何想法！谢谢！

【问题讨论】：

值得指出的是，有问题的 URL 也不会在 Safari、Chrome 或 Opera 中换行。我怀疑 Firefox 在这里的行为违反了标准，尽管考虑到浏览器合规性的变幻莫测，我可能是错的。
另外，访问的链接是否应该有下划线？它在我看来格格不入。
自动换行！谢谢你的想法。
是的，我刚刚开始了我的“让它工作并且在 IE 中看起来不太可怕”阶段。感谢卢卡斯的想法。

标签： css browser html internet-explorer hyperlink

【解决方案1】：

我讨厌编写特定于浏览器的代码，但 IE 有一个特定的 CSS 属性

<!--[if IE]>
word-wrap: break-word; 
<![endif]-->

一切顺利

【讨论】：

效果很好！非常感谢，非常感谢。我什至没有打扰条件，现在在两种浏览器中看起来都很棒。 :D

【解决方案2】：

在以“Love This”开头的类似<li> 中，IE 在 ? url 中的字符。有没有？在问题网址中。我添加了一个（像这样：http://farm3.static.flickr.com/2339?2152480352_1b5ee54c44.jpg）只是为了看看会发生什么，并且 url 包装得很好。当然，那么url是无效的……

这不是解决办法，但也许它会给你或其他人提供线索。

一种解决方法是使用更简单的文本进行显示，仅在 href 中显示完整的 url：

<a href='http://long_complicated_url'>Click here for video</a>

【讨论】：