Artikel mit Schlagwort

Dafür gibt es alle möglichen Wege. Einige ratsamer und für bestimmte Situationen besser geeignet als andere, natürlich...

Sie kennen vielleicht bereits die CSS gap-Eigenschaft. Sie ist nicht gerade neu, aber sie hat letztes Jahr eine wichtige neue Fähigkeit erhalten: Sie funktioniert jetzt in Flexbox zusätzlich zu CSS Grid. Das und die Tatsache, dass ich ...

Hurra, es ist da! Safari 14.1 fügt Berichten zufolge Unterstützung für die Eigenschaft gap in Flexbox-Layouts hinzu. Wir hatten die Unterstützung für grid-gap seit einiger Zeit, aber getreu ihrem Namen ist sie auf Grid-Layouts beschränkt. Jetzt können wir gap in beiden Arten verwenden ...

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.

1. Firefox hatte lange Zeit die besten DevTools für CSS Grid, aber Chrome wird aufholen und noch einen Schritt weiter gehen, indem es visualisiert