引導模式不好positionned

Question

我使用的是自舉模式，當我把它這align屬性centrer，該模式不能很好地positionned

例如一個div內

<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的div尺寸爲200x200，您應該這樣做：

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