masonryでセンタリングする方法

J Query

masonryそのままではブロック全体がセンタリングされない
jsに1行足せば完成

1
isFitWidth: true,
1
2
3
4
5
6
7
8
<script>
  jQuery(function(){
    jQuery('#list').masonry({ <!-- #listは記事一覧を囲んでる部分 -->
      itemSelector: '.entry', <!--.entryは各記事を囲んでる部分-->
      isAnimated: true <!--アニメーションON-->
    });
  });
</script>
1
2
3
4
5
6
7
8
9
<script>
  jQuery(function(){
    jQuery('#list').masonry({ <!-- #listは記事一覧を囲んでる部分 -->
      itemSelector: '.entry', <!--.entryは各記事を囲んでる部分-->
isFitWidth: true,
      isAnimated: true <!--アニメーションON-->
    });
  });
</script>

勉強させてもらったサイト

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

▲