CSS列上的列计数不正确

时间:2017-10-19 17:10:49

标签: css google-chrome

有一些关于chrome的错误。 (列数1或2可以,但3,4,5等不工作)

.minmin-masonry-content {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.5rem;
    column-gap: 1.5rem;
    opacity: 1;
}

我搜索很多,但没有任何帮助。

-webkit-column-break-inside: avoid;
-webkit-backface-visibility: hidden;

此处示例:DEMO它首先使用过滤器。也许有人有同样的问题?

请不要写使用插件。

1 个答案:

答案 0 :(得分:-1)

您会考虑使用Flex吗?



Lazy<T>
&#13;
.container {
  display: flex;
  flex-wrap: wrap;
}

.container div {
  flex-basis: 19%;
  margin: 0.5%;
}

.container div img {
}
&#13;
&#13;
&#13;