中心 DIV 不工作

Question

我试图简单地将 div 置于另一个 div 的中心。我在另一个 post 上读到，只要我试图居中的 div 的宽度小于容器宽度，并且设置了 margin: 0 auto;，它就应该居中，但事实并非如此下面是我的代码。我需要帮助

我的容器

#main {
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    border-radius: 6px;
}

div 我试图在我的容器内居中

#tablesection { 
    width: 600px;
    margin: 0 auto; 
    text-align: center;
}

Answer 1

#outer{
   background-color: #000;
   float: left;
   height: 200px;
   width: 100%;
   }
#centerDiv{
   background-color: #fff;
   height: 150px;
   margin: auto;
   width: 70%;
}

检查此 demo。

Answer 2

抱歉，伙计们，菜鸟犯了一个大错误...在我的样式部分中有另一个 css 声明，缺少右括号导致了所有这些。一个括号如何导致所有随机行为真是太疯狂了

所以 CODE 实际上确实如此 work.thanks 对于有帮助的人来说，很高兴认识这样一个整个社区来帮助像我这样的菜鸟

Answer 3

#main {
width:1200px;
height:800px;
margin: 0 auto;
border-radius: 6px;
background:red;
}
 #tablesection { 
   width:600px; 
   border:1px solid;
   margin:0 auto;
   background:green;
}

它的工作

中心 DIV 不工作

Center DIV NOT working

html

css

center