Error de columnas de Chrome cuando el número de columnas es menor que el recuento de columnas
Tengo un problema con Chrome cuando uso elcolumn-count
propiedad. Tengo un div donde dentro tendré algunos elementos, así que configurécolumn-count: 3;
Cuando tengo 3 elementos o más, funciona bien, pero cuando tengo solo dos, no se muestran en la misma fila sino en la misma columna. Esto sucede solo en Chrome.
ejemplo de código:
.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;
}
}