以一组div为中心?

时间:2013-09-03 16:39:52

标签: css

我试图将这个JS / jquery / ajax应用程序屏幕放在这里,这样无论用户的屏幕大小是多少,它都将保持居中。现在它全部左对齐:

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

无论我尝试什么,它都不会居中。当我设法将最外层的div放在中心时,所有内部的东西都搞砸了。

3 个答案:

答案 0 :(得分:2)

你的html构建错误。一切似乎都是绝对定位的,并且左/上定义了。您的正文标记width: 790px;

没有帮助

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

答案 1 :(得分:1)

删除身体标签上的宽度设置

在你的游戏玩家和游戏div上使用“margin:0 auto”

并将你的gameheader div和game div设置为使用position:relative

答案 2 :(得分:0)

快速Google搜索显示How to Centre a DIV Block Using CSS

使用以下 CSS ,其中#content是主要div元素的id

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

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

jsFiddle