Question

我正在使用一个使用IE Webbrowser控件的WinForm（天气应用程序），该控件显示来自Weather Underground的天气地图图像。我的问题是它显示大约5 px左右的白色边缘（或填充），我似乎无法弄清楚如何摆脱这个空白区域。（看一下图像）

我只尝试过Chrome浏览器，图片周围没有空白区域（边距），但是如果我尝试使用IE浏览器，我会获得空白区域（边距）。 IE中是否有设置上/左边距的设置？

我特别不想使用像Chromium或其他第三方网页控件这样的其他网络控件，但如果我必须或者我将使用某些图片框，如果我有至。我只是想尝试使用webcontrol。

IE浏览器控件的图片

Answer 1

所有浏览器都有正常的默认边距，但Chrome看起来很聪明，在查看图像而不是HTML时不会使用它们。也许使用How to inject CSS in WebBrowser control?

注入body { margin: 0; }

如果在IE中加载图像然后使用F12，则会产生：

<html>
  <head></head>
  <body>
    <img src="file:///C:/Users/Public/Pictures/Sample%20Pictures/Chrysanthemum.jpg">
  </body>
</html>

如果您手动将margin: 0;添加到body，则边框会消失。