Ubique el bloque que contenía a los div que quería colocar en columnas e hice lo siguiente:
.clasedelBloque {
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
-o-column-gap: 25px;
}
Acontinuación detallo cada paso:
- Para dividir el bloque en las columnas se usa la sintaxis column-count
para mi ejemplo la divido en dos (2) columnas con un prefijo según el navegador: -webkit-column-count (Para Chrome, Chromium,Safari)-moz-column-count (Para Firefox)-o-column-count (Para Opera) - Las siguientes lines es para dar un espaciado entre ambas columnas
-webkit-column-gap: 25px; (Para Chrome, Chromium,Safari)
-moz-column-gap: 25px; (Para Firefox)
-o-column-gap: 25px; (Para Opera) - Y finalmente tenemos nuestras dos columnas con un pequeño espaciado entre ellas de 25px, hay atros atributos que se pueden agregar pero por el momento esto es lo que me interesa.
No hay comentarios:
Publicar un comentario