Här är den korrekta matchningen av varje CSS-justeringsegenskap med dess huvudsyfte:

  • align-itemsCentrerar objekt inom en <div>-tagg (används specifikt align-itemsfö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-alignJusterar text inom ett element (Denna egenskap är specifikt utformad för att styra den horisontella justeringen av textinnehåll inom ett blocknivåelement).
  • margin: autoJusterar innehåll inom en flexibel layout (När det tillämpas på element på blocknivå margin: autokan det centrera dem horisontellt i deras överordnade behållare. I flexbox margin: autokan 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-itemsmed centrerad justerar objekt inom en <div>-tagg
  • text-alignmed justerar text inom ett element
  • margin: automed Justerar innehåll inom en flexibel layout