jquery - 让 3 个图像粘在父 div 底部的中心，彼此相邻

Question

以上基本上是我的问题。我已经浏览过有关 SO 的其他一些问题，但最接近的一个是关于 1 元素，它不必位于中心。

我基本上在一个不可见的包装 div 中彼此相邻地放置了三个图像，可在此处找到:http://korilu.nl/maurits/search.html

我想要的是防止两个小图像在单击一个图像时上下移动。
我尝试将 position:relative; 放在包装器上，并将 position:absolute; bottom:0; 在图像上，如上面提到的问题中所建议的，但它们不再位于中间，而是在左上角彼此重叠。我该怎么做？

编辑:或者顶部或中心，我不在乎，只要它们停止移动

Answer 1

您只需要更改 jQuery 脚本:

$("a").click(function(){
                $(current).animate({
                    opacity: .5,
                    height: '100px', 'margin-top': '100px'
                });
                $("img", this).animate({height: '200px','margin-top': '0px', opacity: 1});
                current = "#" + $(this).find("img").attr("id");
            });

请注意两次新出现的 margin-top。在您的网站上尝试过，效果如您所愿。