css - 列数が column-count よりも少ない場合の Chrome 列のバグ

Question

プロパティを使用すると、Chrome で問題が発生しcolumn-countます。その中にいくつかのアイテムがあるdivがあるので、column-count: 3; 3つ以上のアイテムがある場合はうまく機能しますが、2つしかない場合は同じ行ではなく同じ列に表示されます。これは Chrome でのみ発生します。

コード例:

.userinfo-content .grid-view.author-profile-tabs {
  .column-count(3);
  .column-gap(30);
  .article {
    position:relative;
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    line-height: 1.3;
  }
}