html - CSS:图像不以显示为中心: block 边距:0 自动？

Question

我一直致力于创建一个带有缩略图 slider 的照片库，但我遇到的唯一问题是将图像置于 div 中的中心位置。

我试过使用普通的:

display: block;
margin: 0 auto;

但这只会搞乱图像在我正在使用的 div 上方的加载方式。

这是它现在的样子的 JSFiddle:http://jsfiddle.net/bWk24/

提前感谢大家!

Answer 1

从 #gallery-display [id^="image"] img 中取出位置 absoulute under your css so from

#gallery-display [id^="image"] img {
    position: absolute;
    top: -500px;
    border: 0px none;
    transition: top 0.5s ease-in 0s;
}

到

#gallery-display [id^="image"] img {
    top: -500px;
    border: 0px none;
    transition: top 0.5s ease-in 0s;
}