CSS3 proprietà box-pack
Esempi
L'elemento figlio del div utilizzando sia le proprietà box-pack centrati box-align e:
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;
}
Prova »
Supporto per il browser
Gli attuali principali browser non supportano l'attributo box-pack.
Internet Explorer 10 con il immobili -ms-flex-pack invece sostenere.
Firefox dalla proprietà privata - supporto MOZ-box-pack.
Safari, Opera e Chrome attraverso il sostegno di proprietà -webkit-box-pack privata.
Nota: Internet Explorer 9 e versioni precedenti di Internet Explorer non supportano scatola flessibile.
Attributo definizioni e le istruzioni
attributo box-pack specifica quando un elemento figlio viene inserito nella scatola dell'elemento figlio è più piccola della scatola.
Questo attributo specifica la posizione orizzontale del telaio trasversale, il telaio in posizione verticale verticale.
| predefinito: | inizio |
|---|---|
| ereditarietà: | no |
| versione: | CSS3 |
| sintassi JavaScript: | object .style.boxPack = "center" |
grammatica
box-pack: start|end|center|justify;
| valore | spiegazione |
|---|---|
| inizio | Per la direzione generale delle scatole, il primo figlio viene inserito nel bordo sinistro del lato sinistro (l'ultimo elemento figlio tutto lo spazio supplementare dopo piedi). Per le scatole inversa, il bordo destro dell'ultimo elemento secondario è posto sul lato destro (tutto lo spazio aggiuntivo viene posizionato prima del primo elemento figlio) |
| fine | Per i normali scatole di direzione, l'ultimo elemento figlio del bordo destro posizionato a destra (tutti di prima spazio extra figlio prima). Per le scatole inversa, il primo figlio del bordo sinistro sul lato sinistro (l'ultimo elemento figlio tutto lo spazio supplementare dopo standing) |
| centro | Lo spazio è diviso equamente in due parti, la prima metà è posizionato primo figlio, posizionare l'altra metà dell'ultimo elemento figlio |
| giustificare | Lo spazio aggiuntivo medio assegnato a ciascun sotto-elemento |