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

时间:2015-01-13 10:08:15

标签: jquery html css

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

所以你可以尝试加载:

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

这将仅加载来自image.html

的所有<img>代码

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

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