css - Fancybox 画廊的前 2 张图片在不同的高度与画廊的其余部分相关

Question

我正在我正在开发的网站上实现一个fancybox画廊 - 出于某种原因，尽管前两张图片出现在页面的不同高度：

http://leedsragfashionshow.co.uk/wp/index.php/committee/

我在 Chrome 和 Firefox 上遇到这个问题，有什么想法吗？

Answer 1

首先，您的问题的图块具有误导性，因为fancybox 画廊是图像已经显示在fancybox 中而不是之前显示的时候。在您的情况下，问题在于与fancybox 无关的画廊缩略图。

无论如何，为什么会发生这种情况？这是因为您在包装图像标签的<br />每个链接之后添加了一个 html 换行符，例如：<a><img />

<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/1.jpg" class="committee"></a><br />
<a rel="group" href="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="fancybox"><img alt="" src="http://leedsragfashionshow.co.uk/wp/wp-content/uploads/2012/committee/2.jpg" class="committee"></a><br />
...etc.

如果您已经在浮动图像，那么您只需要删除那些换行符<br />。看这个没有标签的演示。<br />