Obiekt HTML DOM Style justifyContent
Przykłady
W okolicy elastyczny element <div> pozostanie puste:
document.getElementById("main".style.justifyContent="space-between";
Spróbuj »
Definicja i Wykorzystanie
justifyContent wyrównane wewnątrz pojemnika (poziom), gdy nie jest zajęte wszystkie dostępne miejsca na wrzeciona elastycznego pojemnika.
Wskazówka: Użyj alignContent osi wyrównania własnością krzyża (w pionie).
Pomoc Browser
Firefox, Opera i Chrome obsługują atrybut uzasadniać-content.
gramatyka
Właściwości Powrót justifyContent:
object .style.justifyContent
Ustawianie właściwości justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
Wartość nieruchomości
| 值 | 描述 |
|---|---|
| flex-start | 默认值。项目位于容器的开头。 |
| flex-end | 项目位于容器的结尾。 |
| center | 项目位于容器的中心。 |
| space-between | 项目位于各行之间留有空白的容器内。 |
| space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
dane techniczne
| Domyślnie: | Flex-start |
|---|---|
| Zwraca: | Ciąg reprezentujący uzasadnić-content atrybutów elementu. |
| wersja CSS | CSS3 |
Powiązane artykuły
CSS Reference Manual: Atrybuty uzasadnić-content
HTML DOM STYL referencyjny: nieruchomość alignContent
HTML DOM STYL referencyjny: nieruchomość alignItems
HTML DOM STYL referencyjny: nieruchomość alignSelf