【问题标题】: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%;}

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

【问题讨论】:

标签: css photoswipe


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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-27
    • 1970-01-01
    • 2013-01-26
    • 2021-11-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多