我试图将这个JS / jquery / ajax应用程序屏幕放在这里,这样无论用户的屏幕大小是多少,它都将保持居中。现在它全部左对齐:
http://www.funtrivia.com/html5/indexc.cfm?qid=361927
无论我尝试什么,它都不会居中。当我设法将最外层的div放在中心时,所有内部的东西都搞砸了。
答案 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浏览器为它们提供相等的宽度。