Я не могу получить содержимое контейнера <div> по центру

Question

Я не могу получить содержимое контейнера <div> по центру

0

Код находится в этом 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(), но никто не работал.

zzomtceo 13 дек. 2013, в 22:31

Источник

Теги:

javascript

jquery

html

css

3 ответа

0

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

Prasanth K C 13 дек. 2013, в 20:02

0

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

cbayram 13 дек. 2013, в 19:37

Ещё вопросы

Bill Criswell · Accepted Answer · 2013-12-13T19-02-00.000Z

Вы должны поместить width на #game и использовать margin: 0 auto так как вы не можете #game что-то, что на 100% ширины.

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

Большинство из этих ответов довольно хороши, выбирая их, потому что они имеют правильную ширину и объясняют решение.
+1 для объяснения, но я бы по возможности избегал жестких кодов ширины.
@cbayram В контексте этого вопроса каждый «ящик» в сетке элементов div, составляющих #game, имеет ширину 25 и границу по одному на каждой стороне в соответствии с CSS. Javascript заполняет каждую «строку» 10 из них, что означает, что ширина всегда будет 270px.