将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内？

回答

相关问题