jquery lightGallery 插件在侧面/边缘显示图像

Question

我尝试使用 lightGallery 插件来显示画廊，但是当我单击图像时，它会像这样将它们显示为一半和侧面。我想要的只是将图像居中。我查看了检查器，发现了一些我不理解的不友好的 CSS 标记和样式。请帮忙

我的 html 标记是

<link rel="stylesheet" href="css/lightgallery.min.css">

    <div id="photos">
        <a href="img/r/one.png">
            <img src="holder.js/200x200?auto=yes&random=yes" alt="">
        </a>
        <a href="img/r/two.jpg">
            <img src="holder.js/200x200?auto=yes&random=yes" alt="">
        </a>
    </div>

JavaScript 是

<script src="js/vendor/lightgallery-all.min.js"></script>
    $(function () {
        $("#photos").lightGallery();
    })

我不知道怎么了，我在网上查了一下，没有发现任何问题。也许是因为我不知道要搜索什么。

Answer 1

我不确定您是否解决了这个问题。我几天前就遇到了这个问题，今天我已经解决了这个问题，但我不确定你的问题是否与我的相同。我如何解决这个问题是我的CSS主体有“text-align:center”，一旦我删除了“text-align:center”，问题就解决了。我希望这可以帮助你。

抱歉我的英语不好。