Atributo column-fill de CSS
- la página anterior column-count
- Página siguiente column-gap
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 |
- la página anterior column-count
- Página siguiente column-gap