javascript - 加载 jquery 后，我无法将图像置于 div 的中心

Question

我正在使用 jquery 动态加载图像，但似乎无法将它们置于 div 的中心。我的 HTML 看起来像这样:

<div style="width:100%;border: solid 1px #ff0000;">
    <img id="current_photo" src="" style="margin-right: auto; margin-left: auto;max-width:97%;"/>
</div>

jQuery 调用如下所示:

    $("#current_photo").attr('src', img_url);
    //$('#current_photo').css({'margin-right':'auto','margin-left':'auto'});

我假设我需要在图像加载后应用 CSS，但这似乎也不起作用。

无论我尝试什么，图像总是左对齐。知道会发生什么吗？

Answer 1

添加“文本对齐:居中；”到你的包含 div。也不需要自动边距。