„Datenverlust“ ist ein lustiger Begriff. Mein Gehirn denkt dabei an Paketverluste auf dem Weg vom Server zu Ihrem Browser, was zu fehlenden Inhalten in Dateien führt. Vielleicht ist es das auf einer gewissen Ebene, aber im CSS-Jargon hat es mit der overflow-Eigenschaft zu tun. Zu viel Inhalt für einen begrenzten Container + versteckter Überlauf = Datenverlust.
Aber es ist nicht *nur* der Überlauf, der diesen „Datenverlust“ verursachen kann. Auch die *Ausrichtung* kann Datenverlust verursachen. Stellen Sie sich Flexbox oder Grid mit einer Ausrichtung vor, die dazu führt, dass Inhalte vom oberen oder linken Bildschirmrand weggeschoben werden, wo Scrollbalken nicht hinkommen.
Um versehentlichen Datenverlust durch Ausrichtung zu verhindern, verfügt CSS nun über einige neue Schlüsselwörter, die zusammen mit den Ausrichtungseigenschaften verwendet werden können. Diese sind in der Box Alignment Specification spezifiziert – der Spezifikation, die sich mit der Ausrichtung über alle Layoutmethoden, einschließlich Grid und Flexbox, befasst. Derzeit werden sie nur in Firefox unterstützt. In unserem obigen Beispiel, wenn wir
align-items: safe centersetzen, würde das letzte Element auf `start` ausgerichtet werden, anstatt den Inhalt zu zentrieren. Dies würde den Datenverlust verhindern, der dadurch entsteht, dass das Element zentriert und somit vom Bildschirmrand weggeschoben wird.