把一个iframe放在div的中心

时间:2015-09-13 07:35:51

标签: html css twitter-bootstrap

我想将iframe标记放在每个监视器大小的父div的中间,我使用了bootstrap:

 <div class="col-md-2  col-sm-2 col-xs-12  animated2 zoomInDown">
                    <div class="col-md-12">
                        <div class="box" style="min-height: 180px; background-color: white">
                            <iframe id="enamad" class="thumbnail meNamad" src="#" frameborder="0" scrolling="no" allowtransparency="true" style="width: 180px; height: 180px;"></iframe>
                        </div>
                    </div>
                </div>

1 个答案:

答案 0 :(得分:2)

给父级div位置:relative。

给它的子div或iframe位置:absoute;保证金;左:0;右:0;顶部:0;底部:0;

无论父div有多大/小,子div总是在父母的中心。