中心 DIV 不工作 [关闭]答案

【问题标题】：Center DIV NOT working [closed]中心 DIV 不工作 [关闭]
【发布时间】：2017-01-26 16:37:52
【问题描述】：

我试图简单地将 div 放在另一个 div 中。我在另一篇文章中读到，只要我试图居中的 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;
}

【问题讨论】：

你试过display:inline-block
如果他们说的是真的，为什么我需要这样做，并且 div 内的表格默认是一个块
它工作正常..检查这个jsfiddle.net/s6dvszg9
那是直接从我的代码中复制的，它在 jsfiddle 上工作，但不是在我的文件上使用相同的代码。 -_-
@GullyBoy 我不知道你在说什么帖子，inline-block 与block 不一样。在我工作的很多时候，当我试图将 div 居中时，答案就是将其变成 inline-block

标签： html css center

【解决方案1】：

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

检查此demo。

【讨论】：

【解决方案2】：

对不起各位大新秀错误...在我的样式部分有另一个 css 声明，缺少右括号，导致所有这些。一个括号如何导致所有这些随机行为真是太疯狂了

这样 CODE 才能真正发挥作用。感谢大家的帮助，很高兴知道整个社区像这样帮助像我这样的菜鸟

【讨论】：

是的。发布前重新检查您的代码..谢谢
是的，我失去了我的整个排名......认为这个网站是为了帮助人们不要让他们害怕问另一个问题
@GullyBoy - 不要亲自投票，他们只是衡量帖子的有用（或无用）。对于这样的错字，您可以删除问题。你也得到了你的代表。
@misterManSam：据我了解，OP 无法删除具有多个答案（或一个赞成的答案）的问题。

【解决方案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;
}

它的工作原理

【讨论】：