Dotaz: CSS vlastnost `place-items` ve flexboxu

[mica]

CSS sice není programovací jazyk, ale snad mi odpustíte, že kladu dotaz sem.

Na MDN je u vlastnosti place-items uvedeno, že je to zkratka za vlastnosti align-items a současně justify-items. Dole je tabulka, podle níž vlastnost place-items ve flexboxu umí všechny současné prohlížeče. Ale: u vlastnosti justify-items (jejíž hodnota tvoří druhou část hodnoty vlastnosti place-items) je na MDN uvedeno, že u flexboxu je tato vlastnost ignorována. Potom ovšem nechápu podporu použití vlastnosti place-items u flexboxu, když tam ona vlastnost podle mého chápání postrádá smysl (polovina její hodnoty je ignorována, takže bych rovnou mohl použít jen align-items).

Jenže mám podezření, že to chápu špatně. Jak to tedy je?

---

---

Odpovědi

[Filip Jirsák]

Flexbox je dobře popsán zde: A Complete Guide to Flexbox. Podporu v prohlížečích je pak dobré hledat v Can I use.

Potom ovšem nechápu podporu použití vlastnosti place-items u flexboxu, když tam ona vlastnost podle mého chápání postrádá smysl (polovina její hodnoty je ignorována, takže bych rovnou mohl použít jen align-items).

V CSS se hodně využívá hieararchické podoby jak HTML dokumentu, tak CSS. Takže dává smysl nějaké třídě nastavit place-items, ale tahle třída se pak použije jednou uvnitř flexboxu, jednou uvnitř gridu, jednou u absolutně pozicovaného elementu…