Atributo column-fill de CSS

definición y uso

el atributo column-fill especifica cómo rellenar las columnas (si se debe coordinar).

véase también:

Tutorial de CSS3:Multicolumnas en CSS3

Manual de referencia de HTML DOM:atributo columnFill

ejemplo

especificar cómo rellenar las columnas:

div
{
column-fill:auto;
}

sintaxis de CSS

column-fill: equilibrio|auto;

valor del atributo

valor descripción
equilibrio 协调列。El navegador debe minimizar la diferencia en la longitud de las columnas.
auto rellenar las columnas en orden, la longitud de las columnas será diferente.

detalles técnicos

valor predeterminado: equilibrio
herencia: no
versión: CSS3
Sintaxis de JavaScript: object.style.columnFill="auto"

más ejemplos

Column-count
dividir el texto del elemento div en tres columnas.
Column-gap
dividir el texto del elemento div en tres columnas y especificar un espacio entre columnas de 30 píxeles.
Column-rule
especificar el ancho, estilo y color entre las columnas.

soporte del navegador

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0