サイズ変更可能なドラッグ可能なコンテナdivの中央に絶対配置されたdivを保持する方法は？

Question

<!--container with jQuery UI draggable , resizable plugins applied--> 
<div class="container"> 
    <div class="stayInCenter" style="position:absolute;width:300px; height:400px"> 
     I will aways stay in center of the container no matter where you are 
     and how big or small you become 
    </div> 
</div> 

Answer 1

あなたは垂直センタリングを必要としない場合：

.container .stayInCenter {  
    position:relative; /* Not absolute */ 
    margin:0 auto  /* Make the left/right be centered */ 
} 

あなたはまた、垂直センタリング必要がある場合：また

.container .stayInCenter {  
    position:absolute; 

    /* Move to the center of the positioned parent */ 
    left:50%; top:50%; 

    /* Give a fixed size */ 
    width: 300px; height: 400px; 

    /* Move backwards by half the size, so the center is at 50% */ 
    margin-left:-150px; margin-top:-200px; 
} 

、don't mix CSS with your HTMLを。あなたが一定の幅を置く

Answer 2

、のは「幅：500pxなど」言わせて
、あなたは「マージン：auto」で入れ

あなたは上マージンが必要な場合は、例えば、書き込みを。 'margin-top：100px'の後に 'margin：auto'

はジョブを実行する必要があります