Diseño de rejilla en cascada compacta en JavaScript-pkmx
| Autor: | xantorohara |
|---|---|
| Views Total: | 1,404 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 10, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
pkmx es una biblioteca JavaScript pequeña, flexible y libre de dependencia que se utiliza para crear un diseño de cuadrícula en cascada compacto sin ningún espacio entre las celdas.
¿Cómo funciona?
Supongamos que tiene un grupo de elementos que se deben organizar en el diseño de cuadrícula.
<div id="example"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> <div class="item">Item 4</div> <div class="item">Item 5</div> ... </div>
Descargue y coloque el archivo JavaScript al final del documento para que las páginas se carguen más rápido.
<script src="pkmx.js"></script>
Inicializar el complemento y especificar los selectores de contenedor & elementos de elemento.
pkmx('#sample', '#sample .item'); Personalice el diseño de la cuadrícula pasando el siguiente objeto de opción como tercer parámetro a la instancia de ' pkmx '.
{
cellWidth: number,
cellHeight: number,
cellHorizontalAlign: left |center | right
cellVerticalAlign: top | middle | bottom
optimize: larger-first |
liveAppend: boolean
manageContainerHeight: boolean
}
