CSS3 Multiple Columns
问题 I'm using CSS to create multiple columns, to give a similar kind of look to the Pinterest interface (e.g. columns of boxes, but neatly stacking underneath one another). Here's the code I'm using: #feed-post-home .feed { -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3; } #feed-post-home .feed > section { margin-bottom: 10px; } #feed-post-home .feed > section > .content { background: #d4d4d4; padding: 10px; } As you can see in the image below,