0

我正在研究一种分页之类的东西，它只是一个 div 内的一堆浮动锚标签。现在，在 IE7 中，它会在这里和那里插入空文本节点，似乎是随机的，这会破坏布局。

结果： 它在不同页面上的外观示例。 注意空的文本节点。

它在不同页面上的外观示例。注意空的文本节点。整齐吧？

CSS： 

 .nwsPaging {
   width:200px; /* Have also tried fluid size */
   height:30px;
   display:block; }

.nwsPaging a {    
   width:auto; /* Have also tried fixed size */
   margin:0 0 0 1px;
   padding:2px 8px;
   border:solid 1px #ccc;
   background:#eee;
   float:left;    
   line-height:20px;        
   display:block;
   zoom:1;
   vertical-align:top; /* Should not do any difference */ }

.nwsPaging a:hover, .nwsPaging .isActive {  
    background:#D150A1;
    color:#fff;
    display:block; /* Should be redundant, but just in case */
    zoom:1; }

如您所见，我尝试了一些不同的方法，包括为容器和浮动标签设置固定宽度，并为其赋予 hasLayout。.isActive 类没有什么特别之处，如果我从不添加该类也没有什么区别。

我在不同的系统中遇到了完全相同的问题，但是我不记得我是如何解决的。我无权访问代码，检查员也无济于事。

额外信息：该站点建立在 HTML5Boilerplate 之上，它使用normalize reset CSS。

编辑： 标记非常简单，虽然标签是动态创建的，但不应该有可能创建空文本节点的换行符。

标记应如何呈现为已解析：

<div class="nwsPaging clearfix">
   <a href="foo">Previous</a>
   <a href="bar">1</a>
   <a href="bar" class="isActive">2</a>
   <a href="bar">3</a>
   <a href="baz">Next</a>
</div>
4

1 回答 1

0

这实际上可能是由代码中的换行符引起的。

剥离它们，看看它是否仍然这样做。

于 2011-11-23T14:34:42.153 回答