内容中心（css）

Question

我似乎无法解决这个问题 - 无论屏幕分辨率如何，我都试图让顶部（class = top）居中。

有人可以提供任何建议吗？

编辑：哈哈抱歉！我完全忘了链接!! ：）

• 已删除链接

谢谢，

迈克尔

Answer 1

这稍微取决于您的网站结构，但如果您的意思是水平居中设置，margin的水平auto应该有效。

margin: auto; /* will set vertical margin as well, but this won't have an effect */

如果你在谈论垂直居中，那就更复杂了：

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

修改 您添加了指向您网站的链接

在您的具体情况下，将margin .top设置为auto不会因为两个原因而削减它：

1. .top的{​​{1}} width因为它是块级元素。
由于背景颜色
2. 100%需要.top的宽度

要解决此问题，请在100%中添加另一个div，为此.top提供足够宽的固定宽度以包含所有内容（您似乎需要div ）并将此1124px div。

Answer 2

设置css margin属性..

margin: 0 auto;

Answer 3

您忘了关联您的网站，但如果您尝试将div放在其父级中心，您可以使用此功能：

.top{ margin:0 auto; }

<div class="top">content</div>