纯 css 瀑布流产生的问题,第二列第一张图片有一部分在跑到第一列来,是什么原因?
.w-waterfall {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 0.25rem;
-webkit-column-gap: 0.25rem;
column-gap: 0.25rem;
width: 98%;
margin:2em auto;
}
.w-box {
padding: 0.15rem;
margin: 0 0 0.15rem 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
border-radius: 0.2rem;
background-color: #fff;
text-shadow: 0px 0px 10px #9d9d9d;
}
数据是后台返回的