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”，问题就修复了。 我希望这可以帮到你。

抱歉我的英语很差。