IE7的原因“文本 - 空文本节点”(IE7 cause of “Text - Empty Text

我使用的是IE的Web开发工具来解决问题。一个空白空间，下面出现一个列表项，我不能在逻辑上找出原因。使用Web开发工具栏上，我看到了下面的实例1中，一个“文本 - 空文本节点”是低于输出“文本 - 谷歌”。讽刺的是，在第二，用空格单词“谷歌”之后手动插入的文本节点不再出现。它将使完整意义上的我，如果结果恰恰相反。任何想法可能会导致此奇怪的行为？

注意：这个是发生在IE7，但不是IE8。

<li><a href="www.google.com">Google</a></li> - empty text node appears at end

<li><a href="www.google.com">Google </a></li> - no empty text node

更新：好，我缩小了这个问题。基本上，它好像有一些我使用的属性之间的冲突。我需要一个标签是显示为块，因此，当存在多个行它们将正确地换行。但我也需要在项目之间没有空的空间。我不明白为什么那个空的空间解决了这个问题，并且宁愿不只是“砍”它。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
a
{
    display:block;
}
li
{
    zoom: 1;
}
</style>
    </head>
<body>
    <ul>
        <li>
        <div style="background-color:blue">
            <a href="#"><img  src="http://www.google.com/intl/en_ALL/images/logo.gif"/></a>
        </div>
            <ul>
                <li style="background-color:Red"><a href="#">One</a></li>
                <li style="background-color:green"><a href="#">Two </a></li>
                <li style="background-color:Yellow"><a href="#">Three</a></li>
            </ul>
        </li>
    </ul>
</body>
</html>

Answer 1:

现在， <a>是一个块级元素，你必须给它的hasLayout了。

a
{
    display:block;
    zoom:1;
}

Answer 2:

我已经看到了这个发生与空白的div元素包围，以及在此丑“文本节点”是创建空白的图像，下面推的div下来。

<div class="top"></div>
<img src="image.jpg" />
<div class="bottom"></div>

为我工作的解决方案是包装在一个div形象：

<div class="top"></div>
<div><img src="image.jpg" /></div>
<div class="bottom"></div>

Answer 3:

我遇到了我工作的内嵌列表类似的问题。 IE7是我的列表元素中的每一个后加入少量空间。我有困难跟踪下来的问题，但我终于发现，我的HTML空白是导致的空间。我删除了空白，一切是固定的。参见前，下面的例子后：

<!-- Before -->
<ul>
     <li><a href="#">My Account</a></li>
     <li><a href="#">Support</a></li>
     <li class="last"><a href="#">Logout</a></li>
</ul>

<!-- After -->
<ul>
     <li><a href="#">My Account</a></li><li><a href="#">Support</a></li><li class="last"><a href="#">Logout</a></li>
</ul>

希望这有助于有人出来！

Answer 4:

这可能与“有布局”，你变焦要做到：1可以工作，也尝试其中之一：

li { display: block; }
li { width: auto; }
li { width: 100%; }

你可能要应对与显示器行为，而这些：内联，或浮动：左如果你试图让列表中显示为水平菜单。

希望帮助

Answer 5:

与Asp.Net工作我更换了<a href=""></a>标签用<asp:HyperLink NavigateUrl="" runat="server"></asp:HyperLink>标签和它的工作。

我明白，原来问题不是Asp.Net，但我在我自己的追求跨越其绊倒

Answer 6:

我加入对齐拉锯战图像，像这样（我使用DTD HTML 4.01过渡）解决了这个原因：

之前

<div class="OpenParagraph"></div>
<div><img alt="-" width="489" height="1" border="0"  src="/image/fadeBigBorder.gif"></div>
<div class="OpenParagraph"></div>

后

<div class="OpenParagraph"></div>
<div><img alt="-" width="489" height="1" border="0" align="absMiddle" src="/image/fadeBigBorder.gif"></div>
<div class="OpenParagraph"></div>

Answer 7:

我有这个问题，我实现了DOCTYPE和HTML标签是不是最新的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>