jquery - 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”，问题就解决了。我希望这可以帮助你。

对不起我糟糕的英语。