1

我有一个页面有一个类似的电话

<%# Databinder.Eval(Me, "Description") %>

其中描述包含在我的网站上输出的 html。它多年来一直运行良好，但现在我试图在 html 中添加一个 img 标签，宽度为 740px，它在较低分辨率下很好地填充了空间。

它在我检查过的所有浏览器（Chrome、FF、Safari）中都可以正常工作，但是 ie8 在图像之后添加了一堆额外的空白区域，这会导致水平滚动条。

IE8 的开发者工具布局选项卡确认包含 img 元素的 div 的宽度大约为 1039px，因此通过内联 css 我能够将其调整为正确的大小，但描述字段中的所有其他元素仍然具有 1039px 的宽度. 当我取出 img 标签时，一切都恢复正常。

我还确保将 img 标签设置为 display:block;

编辑——虚拟代码示例：

<h1 class="asdf">asdf</h1>
<h2 class="zxcv">zxcv</h2>
<ul>
  <li>zxcv</li>
  <li>adsf</li>
  <li>asdf</li>
</ul> 
<h2 class="qwerty">qwerty</h2>
<p>qwerty</p>
<div style="margin:0; padding:0; width:740px; display:block;"><img style="margin:0; padding:0; width:740px; display:block;" src="images/asdf1.jpg" /></div>

那么我错过了什么？

4

1 回答 1

1

在发布的示例代码中，图像标签未关闭，我不知道这是因为它只是虚拟代码还是可能是问题所在。但是，如果图像只是一个间隔，您是否考虑过使用非中断空间来代替？...

<div style="width:740px;">&nbsp;</div>

将导致空间被阻塞的 div 元素占用，而不是在 div 内放置图像元素。

于 2009-03-25T17:18:22.450 回答