CSS3 własność box-pack
Przykłady
Element dziecko div przy użyciu zarówno box-align i box-pack skupionych właściwości:
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;
}
Spróbuj »
Pomoc Browser
Do Obecne przeglądarki nie obsługują atrybutów box-pack.
Internet Explorer 10 z wykorzystaniem Nieruchomość -ms-flex-pack, zamiast wspierać.
Firefox od własności prywatnej - wsparcie MOZ-box-pack.
Safari, Opera i Chrome dzięki wsparciu prywatnej posesji -webkit-box-pack.
Uwaga: Internet Explorer 9 i wcześniejsze wersje IE nie obsługuje elastyczne pudełko.
Atrybut definicje i instrukcje
atrybut box-pack określa, kiedy okno elementu dziecka jest umieszczone w polu elementu dziecka jest mniejsza od pudełka.
Ten atrybut określa przekrój ramy pozycji poziomej, pionowej pozycji pionowej ramie.
Domyślnie: | początek |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.boxPack = "center" |
gramatyka
box-pack: start|end|center|justify;
wartość | wyjaśnienie |
---|---|
początek | W odniesieniu do ogólnego kierunku pól, pierwsze dziecko jest umieszczony w lewym skraju lewej strony (ostatni element podrzędny wszystkim dodatkową przestrzeń po odstaniu). Na odwrotnej pudełkach, prawa krawędź ostatniego elementu podrzędnego jest umieszczony po prawej stronie (wszystkie dodatkowa przestrzeń jest umieszczony przed pierwszym elementu potomnego) |
koniec | Dla normalnych pudełkach kierunku, ostatnim elementem podrzędnym prawej krawędzi umieszczane w prawo (wszystkie pierwsze dziecko dodatkową przestrzeń wcześniej). Na odwrotnej polach pierwszym dzieckiem lewej krawędzi po lewej stronie (ostatni element podrzędny wszystkim dodatkową przestrzeń po odstaniu) |
centrum | Dodatkowa przestrzeń jest podzielona równo na dwie części, pierwsza połowa znajduje się pierwsze dziecko, to druga połowa ostatniego elementu podrzędnego |
usprawiedliwiać | Średnia dodatkowa przestrzeń przeznaczona na każdego podelementu |