Exemplu
Poziționați elementele de flexibil <div> elementul cu spațiu între liniile:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignContent = "space-between";
// Standard syntax
document.getElementById("main").style.alignContent
= "space-between"; Încearcă - l singur » Definiție și utilizare
Proprietatea alignContent aliniază elemente containerul flexibil atunci când elementele nu folosesc tot spațiul disponibil de pe axa transversală (vertically) .
Sfat: Utilizați proprietatea justifyContent pentru a alinia elementele de pe principala axa (horizontally) .
Notă: Trebuie să existe mai multe linii de articole pentru această proprietate să aibă nici un efect.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de Webkit specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| alignContent | 21.0 | 11.0 | 28.0 | 7.0 Webkit | 12.1 |
Notă: Safari susține o alternativă, proprietatea WebkitAlignContent.
Sintaxă
Întoarcere proprietatea alignContent:
object .style.alignContentSetați proprietatea alignContent:
object .style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| stretch | Valoare implicită. Elementele sunt întinse pentru a se potrivi containerului |
| center | Elementele sunt poziționate în centrul containerului |
| flex-start | Elementele sunt poziționate la începutul containerului |
| flex-end | Elementele sunt poziționate la capătul containerului |
| space-between | Elementele sunt poziționate cu spațiul dintre liniile |
| space-around | Elementele sunt poziționate cu spațiu înainte, între și după liniile |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | întinde |
|---|---|
| Întoarcere Valoare: | Un șir, reprezentând proprietatea Alinierii conținutul unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: align-content property
HTML DOM STYLE Reference: alignItems property
HTML DOM STYLE Referinta: alignSelf property
HTML DOM STYLE Referinta: justifyContent property
<Style Object