Dreamweaver CS5.5 和 Fancybox 1.3.4

Question

我正在使用 Dreamweaver CS5.5 和 Fancybox 1.3.4。 我在一个主 div 中放置了 4 个图像（每行 2 个），它们完美地结合在一起（我不希望有间隙，因为 4 个图像一起形成了一张图片），直到我对它们应用了 fancybox。 现在两行之间有大约 20px 的水平边距，我找不到它的来源。有任何想法吗？我需要在这里粘贴代码吗？ 温柔点——我主要是一名印刷设计师，所以我边走边学开发。谢谢。

我在 head 标签中有这个：

<script type="text/javascript" src="code.jquery.com/jquery-latest.min.js"></script>; <link href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"> <link href="jquery.fancybox-1.3.4/style.css" rel="stylesheet" type="text/css">

在结束正文标记之前：

<script type="text/javascript">
$(function($){
    var addToAll = false;
    var gallery = false;
    var titlePosition = 'inside';
    $(addToAll ? 'img' : 'img.fancybox').each(function(){
        var $this = $(this);
        var title = $this.attr('title');
        var src = $this.attr('data-big') || $this.attr('src');
        var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
        $this.wrap(a);
    });
    if (gallery)
        $('a.fancybox').attr('rel', 'fancyboxgallery');
    $('a.fancybox').fancybox({
        titlePosition: titlePosition
    });
});
$.noConflict();

Answer 1

您还可以根据网站的标记设置父元素的边距和内边距来覆盖 CSS 属性。

您有什么方法可以向我们展示该部分的 HTML 吗？

Answer 2

在您发布的代码中，您没有关闭您的 javascript。这可能是问题所在。所以在 $.noConflict(); 之后添加

</script>