jquery lightGallery 插件在 side/edge 上显示图像

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 body 有 "text-align:center"，一旦我删除了 "text-align:center"，问题就解决了。希望对您有所帮助。

抱歉我的英语不好。

jquery lightGallery 插件在 side/edge 上显示图像

jquery lightGallery plugin showing images on the side/edge

jquery

lightgallery