
Här är den korrekta matchningen av varje CSS-justeringsegenskap med dess huvudsyfte:
align-items
– Centrerar objekt inom en <div>-tagg (används specifiktalign-items
för att justera flex-objekt längs tväraxeln inom en flex-behållare. Även om den kan användas på alla blocknivåelement, är den oftast associerad med flex-layouter och kan centrera objekt vertikalt inom en div om div:en är en flex-behållare med en definierad höjd).text-align
– Justerar text inom ett element (Denna egenskap är specifikt utformad för att styra den horisontella justeringen av textinnehåll inom ett blocknivåelement).margin: auto
– Justerar innehåll inom en flexibel layout (När det tillämpas på element på blocknivåmargin: auto
kan det centrera dem horisontellt i deras överordnade behållare. I flexboxmargin: auto
kan ett flex-objekt absorbera extra utrymme och effektivt flytta objektet till början, slutet eller mitten av linjen längs huvudaxeln).
Matcherna är därför:
align-items
med centrerad justerar objekt inom en <div>-taggtext-align
med justerar text inom ett elementmargin: auto
med Justerar innehåll inom en flexibel layout