將div放在頂部並居中在另一個div內？

我有另一個DIV中一個div這樣將div放在頂部並居中在另一個div內？

<div id="outer"> 

    bla, bla....... 

<div id="inner"> 
    <p>Test</p> 
</div> 
</div>

欲內div來衝擊片雷管中心和最上面的外div的內容。這可以在CSS中實現嗎？

謝謝！

來源

2011-03-25 Erik Z

內的div總是被定位在外部的div的頂部，圍繞內的div是可能的，如果它具有固定的寬度：

#inner { 
    width: 100px; //any pixel value here 
    margin: 0 auto; 
}

來源

2011-03-25 13:15:36

+1最簡單，最經濟的方法。 – tahdhaze09 2011-03-25 13:37:40

它的所有邊緣

<html> 

<style> 
#outer 
{ 
    background-color:blue; 
    width:400px; 
    height:400px; 
} 
#inner 
{ 
    background-color:green; 
    width:200px; 
    height:50px; 
    margin-left:auto;margin-right:auto;/* <<< */ 
} 

</style> 
    <body> 
     <div id="outer"> 

    bla, bla....... 

<div id="inner"> 
    <p>Test</p> 
</div> 
</div> 
    </body> 
</html>

來源

2011-03-25 13:16:23

在計使內部div集中在外部div，你想要類似於下面的代碼

<div id='outer'> 
Blah Blah blah 
<div id='Inner' style='margin: 0 auto; width: 200px;'> 
<p>Test</p> 
</div> 
</div>

就最重要的問題而言，我建議只需將Blah Blah Blah文本放在內部DIV下面，正如通常所預期的那樣。

來源

2011-03-25 13:16:57 Doug

將div放在頂部並居中在另一個div內？

回答

相關問題