Question

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

<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>

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

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

先谢谢，希望现在已经足够清楚了。

注意：Modal工作正常。虽然我只展示了身体的一部分，但剩下的就在那里。

Answer 1

在玩了一下后，似乎是，因为在您决定显示模态之前隐藏了模态，所有值都为0.我使用了＆＃39; shown.bs.modal＆＃39;事件中心并正确显示图像，它现在正在完美地工作。对不起，我对每个人都很烦。我之前尝试过这个并且它没有工作......我甚至不知道为什么它现在正在工作，但是我很开心。

感谢@Typhorism和@Joe Swindell试图帮助我：）

Bootstrap模态元素的高度问题

1 个答案: