2

我试图在此处将此 JS/jquery/ajax 应用程序屏幕居中，这样无论用户的屏幕大小，它都将保持居中。现在它都是左对齐的：

http://www.funtrivia.com/html5/indexc.cfm?qid=361927

无论我尝试什么，它都不会居中。当我设法使最外层的 div 居中时，所有内部的东西都被弄乱了。

4

3 回答 3

2

您的 html 构建错误。一切似乎都是绝对定位的，并且定义了左/上。你的身体标签没有帮助width: 790px;

这可以通过 css 解决。尝试从标记中删除所有定位样式并将#game设置为margin: 0 auto（居中技巧）

于 2013-09-03T16:47:20.187 回答
1

Remove the width settings on your body tag

Use "margin: 0 auto" on your gameheader and game divs

and set your gameheader div and game div to use position:relative

于 2013-09-03T16:52:45.097 回答
0

快速的 Google 搜索揭示了如何使用 CSS 使 DIV 块居中

使用以下CSS#content您的id主要 div 元素在哪里

#content {
    margin-left: auto ;
    margin-right: auto ;
}

该技术之所以有效，是因为当两个边距都设置为自动时，CSS 标准要求 Web 浏览器为它们提供相等的宽度。

jsFiddle

于 2013-09-03T16:51:04.890 回答