HTML：将容器居中

我在现场工作。由于某些原因，类“title”和“container”不在页面的中心，即使我使用了“margin:0px auto；”财产。我几乎100%肯定这是CSS中的东西，但我不知道是什么

CSS

头版

<div class="title">
<font size="20">WE LIKE TO PLAY FOOTBALL</font>
</div>

<div class="container">
<div class="elemento1">
<div class="wrap">
<div class="anim">
<p><a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a></p>
</div>
</div>
</div>

<div class="foot">
</div>

<div class="elemento1">

<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>

<p>
<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</p>

<div class="wrap">
<div class="anim">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</div>


<div class="elemento2">


<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>

<p>
<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</p>

<div class="wrap">
<div class="anim2">
<a title="Edizione 2013" href="http://wordpressitis.altervista.org/edizione-2013/"><img alt="" src="http://wordpressitis.altervista.org/wp-content/uploads/2013/01/dividere-quadrato.jpg"/></a>
</div>
</div>
</div>

<div class="foot">
</div>
</div>

我们喜欢踢足球

由于您的wrap类，只需删除它：）

---

/编辑：或至少从div“内部内容”中将其删除删除

宽度：266px和<代码>高度：267px来自
.wrap

你的CSS

.wrap {
    width: 266px;
    height: 267px;
}

添加
.wrap{margin:0 auto；}
。从这节课上取下宽度。对我来说，它是有效的。
我发现您的整个代码有一个小问题。第一个问题是因为您的标题位于“div class=“wrap clearfix”id=“internal content”下，其宽度仅为266px。因此，如果您设法从中取出标题，那么我认为您应该能够解决此问题。

.wrap {
margin: 0 auto;
width: 545px;
height: 267px;
}
should fix it

我假设你在Google Chrome和Firefox中使用IE更好，但是页脚放错了位置。你使用的不是css中列出的页脚。只需将css中的.foot更改为页脚（假设你使用html5）

页脚{
清楚：两者都有
}

您可能需要查看特定于浏览器的代码（在此处搜索或谷歌搜索）。Firefox尝试将标题div放入一个100%固定宽度的容器中。
您是否可以包含相关的html标记（以便我们可以重现该问题），也许还可以将css精简到相关的位置？这让我们可以方便愉快地帮助您。您可以随时知道哪些网站是使用工具编写的，哪些是手工编写的。我会说，大约40%的标记和css是纯粹的膨胀。显然不是因为我自己编写了所有内容，除了类使图像移动。我通常使用Notepad++。此特定代码是在wordpress“编辑器”中编写的（它不提供任何格式选项）.我需要它，否则当方块移动时，它会留下未使用的空格，其他方块将被替换。为什么你要将一个宽度和高度被删除的答案标记为正确的？无需担心：）是的，但类必须保持在它的位置，否则其他方块将移动。显然，仅“包装”就足够了“不指定尺寸的图像，它将自适应。但是，我保留了“height”属性只是为了确定：）
.wrap {
margin: 0 auto;
width: 545px;
height: 267px;
}
should fix it