PhotoSwipe 如何垂直居中缩略图？谢谢答案

【问题标题】：PhotoSwipe How to center vertically thumbnails? ThankPhotoSwipe 如何垂直居中缩略图？谢谢
【发布时间】：2015-10-19 06:12:42
【问题描述】：

我有一个问题，我不明白为什么我不能让缩略图在列表中垂直居中？

我试过了：

.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%;}

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

【问题讨论】：

【解决方案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; }

【讨论】：