Einen Schnellen Weg zu Erinnern, den Unterschied Zwischen `rechtfertigen-Inhalt` und `align-items”

0
29

Ich war im Gespräch mit einem Kumpel den anderen Tag, und jammern über flexbox zum millionsten mal, weil ich hatte kurzzeitig vergessen, den Unterschied zwischen der Rechtfertigung, Inhalt und ausrichten-Objekte Eigenschaften.

“Wie kann ich den center ein element horizontal mit der flex wieder?” Ich fragte mich. Gut, das war, als Sie gab mir, was ich denke, ist die beste Kürzel Art und Weise erinnern, wie die beiden zusammenarbeiten.

Sie sagte, dass rechtfertigen-Inhalt Positionen der Elemente entlang der horizontalen Achse, weil das Wort selbst ist mehr als align-items. Zuerst dachte ich, das war eine wirklich dumme Idee, aber jetzt ist dieses, wie ich es in Erinnerung habe. Ich selbst verwendet es vor fünf Minuten, als ich brauchte, um diese zwei kurze demos:

Finden Sie die Stift-justify-content: center Robin Rendle (@robinrendle) auf CodePen.

Finden Sie die Stift-align-items: center Robin Rendle (@robinrendle) auf CodePen.

Also, um zusammenzufassen:

  • justify-content: mehr Wort: horizontale Ausrichtung
  • align-items: kürzere Wort: vertikale Ausrichtung

Dies hatte mir zu denken, wenn es gibt es eine andere mnemonische Geräte oder Möglichkeiten, zu vergessen, komplexe Dinge in CSS? Gibt es irgendwelche andere tricks, die du empfehlen kannst? Es Art von erinnert mich an die Art und Weise Kinder sind gelehrt, denken Sie daran, die Namen der Planeten mit Dingen wie: “Meine Sehr Gebildete Mutter Zeigte Uns Neun”, wo der erste Buchstabe in jedem Wort steht für den ersten Buchstaben der einzelnen Planeten: Merkur, Venus, Erde, Mars, Jupiter, Saturn, Uranus und Neptun.