我無法獲得容器的內容 <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

您必須在#game上#game width並使用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;
}