So zentrieren Sie ein Bild in CSS

So zentrieren Sie das Bild in CSS: 1. Legen Sie „“ fest. 2. Legen Sie den CSS-Code fest. 4. Legen Sie „max - width:100% max-height:100%" ist ausreichend.

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

css ermöglicht die Zentrierung des Bildes. Unabhängig davon, ob es sich um ein quadratisches, vertikales oder horizontales Bild handelt, kann das Bild unter dem übergeordneten Rahmen zentriert werden Das quadratische Bild nimmt den gesamten übergeordneten Rahmen ein. Das linke und rechte Bild ist nach oben und unten zentriert. Das vertikale Bild ist nach oben und unten zentriert . Das CSS lautet wie folgt:

Legen Sie die Breite und Höhe fest: Breite und Höhe

c. Stellen Sie display:table-cell

4 ein. Stellen Sie max-width:100% für Bild max-height:100%

5 ein

Quadratisches Bild

Vertikales Bild

Empfohlenes Lernen: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo zentrieren Sie ein Bild in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!