0

首先，代码：

<tr>
  <td width="610" 
     style="font-family:Verdana, 
            Geneva, sans-serif;
            text-decoration:none !important; 
            font-size: 9px; 
            color: #231F20;margin:0px;  
            padding:0px; margin-right:10px;">
    <span style="font-family:Verdana, Geneva, sans-serif; 
                 text-decoration:none !important;  
                 font-size: 1em; color: #231F20; 
                 margin-right:10px;">
      CancerFactsFigures&#47;BreastCancerFactsFigures&#47;
      breast-cancer
     -facts-and-figures-2011-2012. Accessed June 6, 2012.
    </span>
  </td>
</tr>

我的问题是这段代码在 IE7 和 IE8 中换成了新行。我已经将它与其他浏览器进行了比较，我可以看出整个行中的构建有额外的间距，导致它最终溢出。

这一切都设置在一个宽度为 600 的表格中。是的，我知道我的 TD 宽度设置为 610，我只是想看看我是否可以欺骗 IE。

将代码更新为只有 1 个跨度，但问题并没有消失。

这是怎么回事？我难住了。

4

2 回答 2

3

这是由字体呈现变化引起的，特别是 IE 9 和旧版 IE 之间的差异，请参阅关于 Windows Internet Explorer 9 中的文本呈现。您应该设计您的代码，以便布局不依赖于呈现的细节，例如某些文本占用的确切宽度。例如，避免在表格单元格上设置固定宽度。

于 2013-06-27T20:21:58.440 回答
0

你有一个额外的</span>

于 2013-06-27T19:53:49.587 回答