FancyBox 填充（顶部和底部）答案

【问题标题】：FancyBox Padding (Top and Bottom)FancyBox 填充（顶部和底部）
【发布时间】：2014-10-16 19:25:33
【问题描述】：

我在我的图片库中添加了精美的框，默认情况下，每张图片的左右都有空间，但顶部和底部都没有。我尝试使用 CSS 添加填充，但没有任何变化。这就是我所做的：

#fancy {
    padding-top: 25px;
    padding-bottom: 25px;
}

这是 HTML：

<div id="fancy" class="container ">
    <div class="page-title">
        <h1>Church <span>Visit</span></h1>
    </div>

    <a rel="gallery" title="Takoosh Hovsepian speaking at Skyline Church with Jim Garlow & Dr. James Dobson" class="fancybox" href="images/gallery/church_visit/770 x 510_pic2.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic2.jpg" alt=""/></a>
    <a rel="gallery" title="Leading worship at Calvary Church Pennsylvania " class="fancybox" href="images/gallery/church_visit/770 x 510_pic3.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic3.jpg" alt=""/></a>
    <a rel="gallery" title="Joseph Hovsepian speaking at Downey, CA Christian school" class="fancybox" href="images/gallery/church_visit/770 x 510_pic4.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic4.jpg" alt=""/></a>
    <a rel="gallery" title="Andre Hovsepian speaking at youth conference" class="fancybox" href="images/gallery/church_visit/770 x 510_pic6.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic6.jpg" alt=""/></a>
    <a rel="gallery" title="Takoosh Hovsepian speaking at Open Doors women conference in Netherlands" class="fancybox" href="images/gallery/church_visit/770 x 510_pic5.jpg"><img src="images/gallery/church_visit/thumbs/220x132_pic5.jpg" alt=""/></a>

</div>

我还尝试更改 jquery.fancybox.css 上的填充，但仍然没有任何变化。我不确定我是否在错误的地方添加了填充，或者问题是别的。

Here is my gallery

【问题讨论】：

容器类在 CSS 中是什么样子的？
会在这个文件 jquery.fancybox.css 中
可能...您自己添加了容器类吗？还是其他人？
不，我没有添加它，我已经从他们的网站下载了fancybox并尝试使用。
你的意思是，在 fancybox 内填充？ - 或 - 在缩略图中填充（在打开 fancybox 之前）？

标签： html css fancybox padding fancybox-2

【解决方案1】：

试试这个：

 #fancy{
  margin-top: 25px;
  margin-bottom: 25px;
 }

【讨论】：

如果从 div 中删除容器类，会发生什么？
我明白了，容器类不是 Fancybox 的一部分。它是我正在使用的模板的一部分，在该页面上创建一个容器。