灯箱图像不居中

Question

我的灯箱图片没有居中问题。图像不是以页面为中心，而是以它们所在的列为中心。我无法看到我可以将它放在哪里，因为它看起来是正确的。我很感激任何人的帮助。

网站为http://temp1.absolutehtml.co.uk/gallery.html

HTML

ifelse

CSS

<a class="lightbox" href="#image1">
   <img src="../images/pexels-photo (1).jpg" alt="image1"/>
</a> 
                  <!-- lightbox -->
<div class="lightbox-target" id="image1">
   <img src="../images/pexels-photo (1).jpg" alt="image1"/>
   <a class="lightbox-close" href="#"></a>
</div>

Answer 1

图像 在其容器中居中，但容器离开了屏幕。您将其设置为position: fixed和width: 100%，这使其与视口一样宽。但是你没有设置left或right，所以它的水平位置就是该元素自然出现的位置。

添加此项将解决您的问题：

.lightbox-target {
    left: 0px;
}

Answer 2

将此添加到样式：

.ril-image-current {max-width：none！important; }