Einführung in die Methode zur Verwendung von Fit-Content zur Erzielung einer horizontalen Zentrierung in CSS3

Heute werde ich Ihnen in diesem Artikel einige Kenntnisse über das Fit-Content-Attribut vorstellen. Das CSS-Attribut wird für die horizontale Zentrierung verwendet und ist ein neuer Attributwert, der dem Breitenattribut in CSS3 hinzugefügt wird Um den Effekt der horizontalen Zentrierung zu vereinfachen, werfen wir einen Blick auf den Code.

Wenn wir ein Modul horizontal zentrieren, fällt uns definitiv der Rand ein :0 auto; gibt es welche? Deshalb werde ich Ihnen heute ein Fit-Content-Attribut vorstellen. Wenn ja, können Sie diesen Artikel auch überspringen Ich wusste nichts von diesem Attribut, geschweige denn, dass es für die horizontale Zentrierung verwendet wird. Es handelt sich um einen neu hinzugefügten Attributwert für das Breitenattribut in CSS3 Damit wir den horizontalen Zentrierungseffekt leicht erreichen können, werfen wir einen Blick auf den Code.

Wenn die Breite nicht festgelegt ist und das Element float:left enthält, schauen wir uns zunächst einen Code an:

Diese Navigation wird also nicht zentriert, wenn wir fit-content festlegen und einen Rand hinzufügen.

Derzeit unterstützt dieses Attribut nur Chrome- und Firefox-Browser. Das Folgende ist der zentrierte Code:

Das obige ist der detaillierte Inhalt vonEinführung in die Methode zur Verwendung von Fit-Content zur Erzielung einer horizontalen Zentrierung in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!