PhotoSwipe如何垂直缩放中心？谢谢

Question

我遇到了问题，我不明白为什么我无法将缩略图垂直放在列表中心？

我试过了：

.my-gallery figure {
    display: block;
    float: left;
    margin: 0 5px 20px;
    vertical-align: middle;
    width: 140px;}

和

.my-gallery img {
    height: auto;
    vertical-align: middle;
    width: 100%;}

...但缩略图始终与顶部对齐。 我的缩略图大小不一样，也不是很漂亮。

Answer 1

这实际上帮助了我：Centering a div block without the width。

基本上，在包含图库照片的div周围创建另一个div：

<div id="container"> <div id="gallery"> <img></img> </div> </div>

配置CSS：

#gallery { display:inline-block; }

#container { text-align: center; }