CSS3 propriedade box-pack
Exemplos
O elemento filho do div usando tanto a caixa-align e propriedades da caixa-pack centrados:
div
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
tente »
Suporte a navegadores
Os navegadores atuais não suportam atributo box-pack.
Internet Explorer 10 usando a propriedade -ms-flex-pack apoiar em seu lugar.
Firefox pela propriedade privada - o apoio MOZ-box-pack.
Safari, Opera e Chrome através do apoio propriedade -webkit-box-pack privado.
Nota: Internet Explorer 9 e versões anteriores do IE não suporta a caixa flexível.
Atributo definições e instruções
box-pack atributo caixa de especifica quando um elemento filho é colocado na caixa do elemento dependente é menor do que a caixa.
Este atributo especifica a posição horizontal transversal da estrutura, a posição vertical da estrutura vertical.
| padrão: | começo |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.boxPack = "center" |
gramática
box-pack: start|end|center|justify;
| valor | explicação |
|---|---|
| começo | Para a direção geral das caixas, o primeiro filho é colocado na margem esquerda do lado esquerdo (o último elemento filho de todo o espaço extra após pé). Para as caixas inversa, a extremidade direita do último elemento criança é colocada no lado direito (todo o espaço extra é colocado antes do primeiro elemento de criança) |
| final | Para caixas de direção normal, o último elemento filho da borda direita colocada à direita (todo o primeiro espaço extra criança antes). Pelas caixas reversa, o primeiro filho da borda esquerda do lado esquerdo (o último elemento secundário de todo o espaço extra após estar) |
| centro | O espaço extra é dividida igualmente em duas metades, a primeira metade é colocado primeiro filho, coloque a outra metade do último elemento filho |
| justificar | O espaço adicional média atribuída a cada sub-elemento |