javascript - 我无法让容器 的内容正确居中

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

你必须在 #game 上放置一个 width 并使用 margin: 0 auto 因为你不能将 100% 宽度的东西居中.

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