CSS3 propriedades coluna de preenchimento
Exemplos
Especifica como preencher colunas:
div
{
coluna-fill: auto;
}
{
coluna-fill: auto;
}
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão do método.
| 属性 | |||||
|---|---|---|---|---|---|
| column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
Atributo definições e instruções
coluna de preenchimento Especifica como preencher coluna de atributo.
| padrão: | equilíbrio |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.columnFill = "auto" |
gramática
column-fill: balance|auto;
| valor | explicação |
|---|---|
| equilíbrio | equilíbrio comprimento da coluna. Navegador deve minimizar o comprimento das alterações de coluna |
| automático | Encher a ordem das colunas, eles terão diferentes comprimentos |
mais exemplos
Coluna de contagem
div elemento de texto em três colunas.
Column-gap
Texto no elemento div em três colunas, e especificar a diferença entre as colunas de um pixel 30.
Coluna-rule
Regras especificam entre colunas: largura, estilo e cor.
artigos relacionados
tutorial CSS3: CSS3 múltipla as Colunas
