propiedad CSS3 columna de recuento
Ejemplos
El texto se divide elemento div en tres columnas:
div
{
la columna de recuento: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-columna-count: 3; / * * Safari y Chrome /
}
{
la columna de recuento: 3;
-moz-column-count: 3; / * Firefox * /
-webkit-columna-count: 3; / * * Safari y Chrome /
}
Trate »
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 de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
属性 | |||||
---|---|---|---|---|---|
column-count | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Definiciones de atributos e instrucciones
propiedad de la columna de recuento especifica el número de columnas de un elemento se debe dividir.
Por defecto: | auto |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.columnCount = 3 |
gramática
column-count:number|auto;
valor | explicación |
---|---|
número | El número óptimo de columnas en las que los contenidos del elemento no puede fluir hacia fuera |
auto | El número de columnas dependerá de otros atributos, tales como: "la columna de ancho" |
Inténtelo usted mismo - Ejemplos
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