css实现瀑布流布局，页面元素闪烁

.card-content {

  width: 1100px;

  margin-top: 20px;

  -moz-column-count: 2; /* Firefox */

  -webkit-column-count: 2; /* Safari 和 Chrome */

  column-count: 2;

  -moz-column-gap: 5px;

  -webkit-column-gap: 5px;

  column-gap: 5px

}

.cards {

  margin: 0px 0 10px 0;

  -moz-page-break-inside: avoid;

  -webkit-column-break-inside: avoid;

  break-inside: avoid; /*break-inside: avoid; 避免元素内部断行并产生新列*/

   -webkit-backface-visibility:hidden; 避免元素闪烁*

}