Atrybut justifyContent stylu

Definicja i użycie

Gdy elementy nie używają wszystkich dostępnych przestrzeni na osi głównej (poziomej), justifyContent Atrybut wyrównuje elementy kontenera elastycznego.

Wskazówka:Użyj alignContent Atrybut wertykalnie (pionowo) wyrównuje elementy na osi poziomej (horyzontalnej).

Inne informacje:

Podręcznik CSS:Atrybut justify-content

Przykład

Zostaw przestrzeń między elementami w elastycznym elemencie <div>:

document.getElementById("main").style.justifyContent = "space-between";

Spróbuj sam

Gramatyka

Zwróć atrybut justifyContent:

object.style.justifyContent

Ustawienie atrybutu justifyContent:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Wartość atrybutu

Wartość Opis
flex-start Domyślna wartość. Elementy znajdują się na początku kontenera.
flex-end Elementy znajdują się w końcu kontenera.
center Elementy znajdują się w centrum kontenera.
space-between Zostaw przestrzeń między elementami w wierszu.
space-around Zostaw przestrzeń dla elementów przed, między i po wierszu.
initial Ustaw tę wartość na jej wartość domyślną. Zobacz: initial.
inherit Inherbuje tę wartość od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: flex-start
Wartość zwracana: Ciąg znaków, który oznacza Atrybut justify-content.
Wersja CSS: CSS3

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługiwane 12.0 Obsługiwane 9.0 Obsługiwane

Strony związane

Podręcznik stylu DOM HTML:Atrybut alignContent

Podręcznik stylu DOM HTML:Atrybut alignItems

Podręcznik stylu DOM HTML:Atrybut alignSelf