Framework creador de Sistemas Web
colsz.css
Librería que provee la capacidad de separar el contenido en N cantidad de columnas, siempre ajustables al ancho del contenedor.
Ejemplos de uso
Las columnas definen el área total a dividir, pero suelen contar con un padding interno.
Es por eso que los bordes externos se ven más amplios que el área del contenido a utilizar
Caja con Título
Caja con titulo dentro de una columna de 25%
Caja con Título
Caja con titulo dentro de una columna de 25%
Caja con Título
Caja con titulo dentro de una columna de 25%
Caja con Título
Caja con titulo dentro de una columna de 25%
Caja con Título
Lo mismo de arriba, pero sin bordes en las columnas
Caja con Título
Lo mismo de arriba, pero sin bordes en las columnas
Caja con Título
Lo mismo de arriba, pero sin bordes en las columnas
Caja con Título
Lo mismo de arriba, pero sin bordes en las columnas
Ejemplos de Columnas (equivalentes)
50%
50%
33%
33%
33%
25%
25%
25%
25%
20%
20%
20%
20%
20%
16%
16%
16%
16%
16%
16%
14%
14%
14%
14%
14%
14%
14%
12%
12%
12%
12%
12%
12%
12%
12%
11%
11%
11%
11%
11%
11%
11%
11%
11%
10%
10%
10%
10%
10%
10%
10%
10%
10%
10%
Ejemplos de Columnas (combinadas)
90%
10%
80%
20%
75%
25%
70%
30%
66%
33%
60%
40%