Question

我有一个像

这样的调用的页面

<%# 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>

那么我错过了什么？

Answer 1

在发布的示例代码中，图像标记未关闭，我不知道这是否因为它只是虚拟代码或者可能是问题。但是，如果图像只是一个间隔符，您是否考虑使用非破坏空间？...

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

将阻止div元素占用空间，而不是将图像元素放在div中。

奇怪的Internet Explorer渲染错误（img标签）

1 个答案: