Question

我正在使用以下命令将一个html页面（将图像置于中心）加载到另一个页面中。

 $(function(){
      $("#section").load("image.html"); 
  });

 <div id="section" style="min-width: 400px; height: 400px; max-width: 400px; margin: 0 auto"></div>

但是我发现图像被包含在内但由于图像周围有空白区域，所以它并不适合。我怎样才能删除空格？

Answer 1

来自http://api.jquery.com/load/的

：与$ .get（）不同，.load（）方法允许我们指定要插入的远程文档的一部分。这是通过url参数的特殊语法实现的。如果字符串中包含一个或多个空格字符，则假定第一个空格后面的字符串部分是确定要加载的内容的jQuery选择器。

所以你可以尝试加载：

$("#section").load("image.html img");

这将仅加载来自image.html

的所有<img>代码

当然，这可能不起作用，如果有更多内容，你想要展示。那么你应该尝试restyle image.html - 删除填充，边距等。

只要您指定image.html的内容，就应该问自己，为什么要包含它，而不是仅仅加载图片本身。

如何在使用加载Jquery时删除空白空间？

1 个答案: