Question

我在一个div中有3个div，我想把底部居中。我已经尝试过我在网上发现的每一个提示（你可以在我的代码中看到......），但没有任何效果。这应该相当容易，但它只是赢得了中心。

.container  {
position: relative; 
width: 968px;   
margin: 0 auto; 
text-align: center;
}

.text       { 
position: absolute;  
width: 968px; 
height: 100px;">
}     

.bg_image       {
position: absolute;   
width: 968px; 
height: 545px; 
top: 150px; 
background-image: url(x.jpg);
} 

.bg_image2      { 
position: absolute; 
display: block; 
width: 50%; 
margin: 0 auto;   
height: 200px; 
top: 545px; 
background-image: url(x.png); 
background-repeat: no-repeat;
}

Answer 1

首先在你的css代码中有一个错误.text删除这个“＆gt;高度：100px; 其次，如果你不添加你的HTML代码，我们就无法回答这个问题。

Answer 2

我希望这个示例代码可以帮助您..

 <!DOCTYPE html> 
    <html > 
    <head> 
     <style type="text/css"> 
    #outer{ position:fixed; top:0; left:0; width:100%; height:100%; } 
    #inner1{ width: 50%; height: 20%; top: 25%; margin: 0 auto; position: relative; background:orange; } 
    #inner2{ width: 50%; height: 40%; top: 25%; margin: 0 auto; position: relative; background:red; } 
     </style> 
    </head> 
       <body> 
         <div id=outer> 
           <div id=inner1> </div> 
           <div id=inner2> </div> 
         </div> 
       </body> 
 </html>

Answer 3

提供一个fixed width例如（宽度：100像素;）和margin:0 auto;无论您想要在中心设置哪个Div。

这对你有用。

.centerDiv{
width:100px;   /*as per your choice but width should be fixed.*/
height:100px; /*as per your choice even you can add auto*/
margin:0 auto; /*this is important to make div in center.*/
}

将div中的div居中，html

3 个答案: