加载jquery后，无法在div内居中放置图像 [英] I'm unable to center an image inside a div after being loaded with jquery

问题描述

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

I'm loading images dynamically with jquery and can't seem to center them inside the div. My HTML looks like this:

<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调用看起来像这样:

The jQuery call looks like this:

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

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

I'm assuming I need to apply the CSS after the image has loaded but this doesn't seem to work either.

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

No matter what I try the images are always left justified. Any idea what might be happening?

推荐答案

添加"text-align:center;"到您所在的div. 也不需要自动页边距.

Add "text-align:center;" to your containing div. Also no need for the auto margins.

这篇关于加载jquery后，无法在div内居中放置图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！