引导模态元素的高度问题

Question

我正在尝试使用div 在引导模式中显示图像。假设：

<div class="modal-body">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <div class = 'img-modal'>
                    <img   src="<?php echo base_url().$articulo[0]->rutaImagen;?>">
                </div>
            </div>
        </div>

问题是，当模态打开时，我想将图像居中，但根据jquery/Javascript，图像的高度和宽度为0。我的想法是使图像的位置相对，然后使用 Height/2 和 Width/2 以便将其在div 中居中，但正如我之前提到的，高度和宽度似乎是 0。

我的问题是：是否有一些解决方法才能正确显示高度/宽度？

提前致谢，希望现在足够清楚了。

注：模态工作正常。虽然我只展示了身体部分，但其余的都在那里。

Answer 1

玩了一会儿之后，似乎由于模态在您决定显示它之前是隐藏的，因此所有值均为 0。我使用"display.bs.modal"事件来正确居中并显示图像，它现在工作完美。对不起，我打扰了大家。我以前确实尝试过这个，但它没有用...我什至不知道为什么它现在有效，但我很高兴它做到了。

感谢@Typhorism和@Joe斯温德尔试图帮助我:)