2012-05-23 2 views
3

Я искал ВЕЗДЕ и не могу найти ответ для этого.Как центрировать div внутри каменной кладки?

Как я могу вертикально и горизонтально центрировать div в макете? Я в основном хочу, чтобы все вокруг этого div.

Любая помощь будет замечательной!

http://isotope.metafizzy.co/

+0

http://stackoverflow.com/a/10010055/1312610 – ShibinRagh

+0

Вы хотите иметь один из элементов кладки всегда имеет центральное расположение внутри контейнера (относительно к другим предметам)? Или вы хотите, чтобы кладка корневого контейнера была сосредоточена? – HEX

ответ

3

если это просто ДИВ вы могли бы попытаться пользователя

margin: 0 auto; 

для горизонтального центрирования.

центр по вертикали Вы можете попробовать это:

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

+0

Спасибо, но я уже пробовал это, прежде чем задавать этот вопрос – user1160232

+0

, так что вы можете показать код, который у вас уже есть? Его можно центрировать. (если вы посмотрите на примеры плагина, вы увидите, что на самом деле есть некоторые сайты, которые это делают.) –

+0

Ни один из примеров не имеет идеально центрированного div в середине. Некоторые используют «краеугольный камень», а некоторые просто центрируются. Я буду больше работать над своим кодом, и я отправлю его завтра – user1160232

12

При вызове кладки вы можете использовать isFitWidth: true, а также установите запас: 0 авто на контейнере.

$container.masonry({ 
    columnWidth : 120, 
    isFitWidth: true 

}); 

Смотрите пример здесь жить: Centered Masonry

Смежные вопросы