我无法将容器<div>的内容正确地置于中心</div>

Question

代码在这个jsFiddle中：http://jsfiddle.net/r8ND3/1/。我无法弄清楚如何将div“#game”及其内容集中在一起。我尝试在margin: 0 auto;内使用float:center;，$("game").css("margin-left", .5*$(window).width()-.5*$("#game").width())甚至$(document).ready()，但都没有效果。

Answer 1

您必须在width上加#game并使用margin: 0 auto，因为您无法将100％宽度的内容居中。

#game {
  width: 270px; 
  margin: 0 auto;
}

Answer 2

#game {
  display: table;
  margin: 0 auto;
}

Answer 3

#game  {
  width: 275px;
  margin: 0 auto;
}