Pequeña albañilería-como JavaScript Grid Library-Tiny-Masonry. js
| Autor: | aishikaty |
|---|---|
| Views Total: | 2,862 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 11, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
Tiny-Masonry. js es una biblioteca de JavaScript minimalista que hace que sea fácil de crear de albañilería-como responsive, ordenada, diseño de cuadrícula fluida para su proyecto Web.
Funcionamiento
Sólo tiene que incluir el script Tiny. albañil. js en la página web y ya está listo para ir.
<script src="tiny-masonry.min.js"></script>
Agregue los elementos a la cuadrícula.
<div class="grid"> <div class"gridItem">Item 1</div> <div class"gridItem">Item 2</div> <div class"gridItem">Item 3</div> <div class"gridItem">Item 4</div> ... </div>
Establezca el ancho de los elementos de rejilla.
.gridItem {
width: 50%;
} Inicializar la rejilla.
var grid = document.querySelector(".grid")
new TinyMasonry(grid)
