CSS3 propiedades de llenado en la columna
Ejemplos
Especifica cómo llenar columnas:
div
{
la columna de relleno: auto;
}
{
la columna de relleno: auto;
}
En la parte inferior de esta página para más ejemplos.
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión del método.
属性 | |||||
---|---|---|---|---|---|
column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
Definiciones de atributos e instrucciones
la columna de relleno Especifica cómo llenar la columna de atributos.
Por defecto: | equilibrio |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnFill = "auto" |
gramática
column-fill: balance|auto;
valor | explicación |
---|---|
equilibrio | balance de longitud de la columna. Browser debe reducir al mínimo la longitud de los cambios de columna |
auto | Llenar orden de las columnas, que tendrán diferentes longitudes |
más ejemplos
Columna de recuento
Texto elemento div en tres columnas.
Columna de diferencia
Texto en el elemento div en tres columnas, y especificar la distancia entre las columnas de un 30 píxeles.
Columna en reglas
Las reglas especifican entre columnas: ancho, estilo y color.
Artículos relacionados
CSS3 tutorial: CSS3 múltiple las Columnas