IE换行Doppelganger错误

在IE6常见的断头程序和Peek-a-boo错误中，令人耳目一新的是，它仍然具有向您抛出真正独特和创意的功能。

这是我们今天上午在SitePoint封面上找到的一个新错误。 我知道的任何形式的功能文章的XHTML都不是特别出色：

– DIV＃feature设置为百分比宽度，以随页面缩放
–插图紧挨标题放置并向右浮动
– H1标题，H5作者信誉和P blurb都包裹在插图的左侧

由于图像本身无法调整大小，因此您完全希望文本在按比例缩小浏览器窗口时环绕在插图周围。

在某种程度上，您将是正确的。

如您所见，当标题链接中的单词用完IE6中的空间时，它会换行到下一行，但还会在第一行上留下自身的部分副本-邪恶的doppelganger。

怪异的-就像在冒险尝试和将事情坚持到已知的路线之间，这个词被撕裂了一样，希望事情会好起来。

继续缩小窗口，doppelganger最终翻倒边缘并再次消失在以太中。 当然，再次放大一点，它将在命令中重新出现。

我已经将其固定在实时站点上， 但是如果您想亲自观看，则可以使用静态版本 。

对于这种情况的发生，我没有任何解释-它肯定与链接相关联-但是，如果您遇到相同的问题，我已经制定了一种解决方案，似乎可以解决该问题。

首先，需要将链接从默认的'display:inline ”切换到“ display:block ”。

 
#feature h1 a {
display:block
}

这样可以防止链接中的单词包装“中间单词”，但不会停止多贝格尔效应-现在只复制一个完整的单词。 为了消除doppelganger，我们必须在标题中添加至少1px的填充。 向背景颜色添加边框集也可以，但是更有可能引起其他布局问题-例如，如果用户超越了背景颜色。

 
#feature h1  {
padding:1px 
}

当然可以，但是会给您带来额外的填充-可能会有更好的解决方案。

我在Google上搜索了此错误的另一次发生，但找不到它，因此，我想指出这是由非常特定的一组情况触发的错误。

我仍然认为值得在这里进行记录-该修补程序比起初查找起来要容易得多。

在进一步调查中，似乎有各种各样的“ haslayout”错误，这意味着在标头中添加“ zoom：1”（无效的CSS）或“ height：1％”将在不更改填充的情况下修复该错误。

From: https://www.sitepoint.com/the-ie-word-wrap-doppelganger-bug/