Question

我正在使用一个自举模式，当我把它放在一个div中，其中align属性是centrer，模态没有很好定位

示例

<div class="content" id="content" align="center">
 <div id="div" class="modal hide fade" tabindex="-1" role="dialog"
                aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 id="divTitle">
                </h3>


                </div>
                <div id="divBody" class="modal-body">
                </div>
                <div  class="modal-footer">
                <input type="button" class="btn" class="close" data-dismiss="modal" value="fermer">
                </div>
                </div>  

</div>

解决方案是什么？

Answer 1

您可以使用固定宽度位于中心并使用负边距，宽度的一半和高度的一半来实现。因此，对于ID为your_div且大小为200x200的div，您可以执行以下操作：

#your_div {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
}

bootstrap模态定位不好

1 个答案: