How to center a div inside masonry?

Question

I searched EVERYWHERE and cannot find an answer for this.

How can I vertically and horizontally center a div in a layout? I basically want everything around this div to be created.

Any help would be great!

+3

user1160232 May 23 '12 at 3:51

2 answers

Layke · Answer 1 · 2013-04-02T17:48:16+0000

When you call the brickwork, you can use isFitWidth: trueand then set the marker: 0 auto in the container.

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

});

See live here example: Center Freemasonry

Vince V. · Answer 2 · 2012-05-23T04:01:57+0000

if it's just a div, you can try the user

margin: 0 auto;

for horizontal centering.

to center vertically, you can try the following: