CSS-Raster: Prozentsatz vs. „fr'-Einheiten: Was ist der Unterschied?

Der Unterschied zwischen Prozent- und fr-Einheiten im CSS-Rasterlayout

Bei der Verwendung von fr-Einheiten wird der freie Platz im Container gleichmäßig auf die Spalten verteilt. Die Grid-Column-Gap-Eigenschaft ist kein Faktor.

Bei Verwendung von % wird der Container jedoch in eine Anzahl von Spalten unterteilt, deren Breite jeweils durch den Prozentsatz bestimmt wird. Bei der Breite werden sowohl die Spaltenlängen als auch die Gitterlücken berücksichtigt.

Dies kann zu einem Überlauf führen, wenn die Gesamtbreite der Spalten und Lücken die Breite des Containers überschreitet.

Um einen Überlauf zu vermeiden, Mit der Funktion calc() können Sie die Breite der Gitterlücken von der Breite jeder Spalte abziehen.

Das obige ist der detaillierte Inhalt vonCSS-Raster: Prozentsatz vs. „fr'-Einheiten: Was ist der Unterschied?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!