Heydons Holy Albatross ist eine Technik, um eine *Reihe* von Elementen bei einer bestimmten Breite in eine *Spalte* von Elementen umbrechen zu lassen. Eine *spezifizierte **Eltern** -Breite, nicht eine **Bildschirm** -Breite wie bei einer Media Query. Also, wie ein Container …
Wann sollten wir uns an CSS Grid wenden und wann sollten wir Flexbox verwenden? Rachel Andrew schrieb bereits 2016 über dieses Dilemma: lange zurück im Jahr 2016:
…Flexbox dient im Wesentlichen dazu, Elemente in einer einzigen Dimension anzuordnen – in einer Zeile ODER
Ich habe das neulich über die Berichterstattung von Michelle Barker erwähnt, aber hier verlinke ich zu der offiziellen Ankündigung. Die Hauptsache ist, dass wir gap mit flexbox erhalten werden, was bedeutet
.flex-parent {
display: flex;
gap: 1rem;
}
.flex-child Michelle Barker stellt fest, dass es eine verdammt gute Woche für uns CSS-Layout-Nerds war.
Chen Hui Jing bemerkte, dass, wenn Sie einen Flex-Item absolut positionieren, dieser nicht mehr Teil des Flex-Layouts ist. Außer… es ist irgendwie doch noch ein bisschen. Wenn Sie das Kind position: absolute; machen, aber keine Top/Right/Bottom/Left-Eigenschaften anwenden, …
Robin hat das schon einmal behandelt, aber ich habe in den letzten Wochen einige Verwirrung darüber gehört und eine andere Person gesehen, die sich an einer Erklärung versucht hat, und ich wollte mich dem anschließen. ...
Ich muss nur zwei Boxen nebeneinander stellen und ich höre, Flexbox ist gut für so etwas.
Alleine das Hinzufügen von
display: flex; zum Elternelement legt die Kindelemente in einer Reihe an.Nun, das ist cool. Ich schätze, ich könnte …
Schauen wir uns eine super leichtgewichtige Methode an, um einen horizontalen Masonry-Effekt für eine Reihe von Fotos beliebiger Größe zu erstellen. Wirf beliebige Fotos hinein, und sie reihen sich Kante an Kante ohne Lücken auf.
Die Lösung …
„Datenverlust“ ist ein lustiger Begriff. Mein Gehirn denkt dabei an Paketverlust auf dem Weg vom Server zu Ihrem Browser, was zu fehlenden Inhalten in Dateien führt. Vielleicht ist es auf irgendeiner Ebene so, aber im CSS-Jargon …
