如何居中“div的中心”而不是div的“起点”

Question

http://img.ctrlv.in/51305a45c3aa8.jpg

我在自适应设计网站上遇到此问题，当我将浏览器的宽度减少到大约700像素时。

我添加margin-left: auto; margin-right: auto;，但输出保持不变。如果我左边：50％，它显示一些奇怪的位置，因为我的标题是postion:fixed（虽然我没有提到它的上/左/右/底其他地方。）

徽标“ilovetrolls”从页面中心开始....因此图像的中心不居中。The page http://img.ctrlv.in/51305a532c7fd.jpg

任何帮助都会受到赞赏。非常感谢

Answer 1

您需要将display（第663行）的#topdiv1属性更改为display: block。我在我的Chrome网络检查员中摆弄并让它以这种方式工作。将float设置为float: none也无法伤害。

Answer 2

删除此款式

#header {
    text-align: center;
}

在仅媒体屏幕宽度767中放置内联行号428

Answer 3

尝试这样的事情：

<style>
.container {
  margin-left: auto;
  margin-right: auto;

  /* To see the affect of the above; not part of centering implementation. */
  background-color: #aaa;
  width: 200px;
}
</style>
<div class="container">
  Hello, world!
</div>

Answer 4

选择div.#topdiv3并移除float: left并添加margin-left: auto; margin-right: auto。然后将div.#topdiv3移到div.#outter-wrapper

之外