So zentrieren Sie das Bild in HTML

藏色散人
Freigeben: 2023-01-04 09:36:01
Original
45156 Leute haben es durchsucht

So zentrieren Sie das Bild in HTML: Erstellen Sie zunächst eine HTML-Beispieldatei und definieren Sie dann mit „" das Attribut um das Bild zu zentrieren. Das ist es.

So zentrieren Sie das Bild in HTML

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

Öffnen Sie den Code-Editor, hier verwenden wir ATOM als Beispiel.

So zentrieren Sie das Bild in HTML

Erstellen Sie ein neues HTML-Dokument.

So zentrieren Sie das Bild in HTML

Zuerst müssen wir das HTML-Format definieren und dann die Grundstruktur des gesamten Dokuments definieren. Achten Sie darauf, KOPF und KÖRPER zu trennen.

So zentrieren Sie das Bild in HTML

Verwenden Sie zu diesem Zeitpunkt , um das Symbol zu definieren und den Link zum Bild in src einzufügen.

So zentrieren Sie das Bild in HTML

Schau es dir an, das Bild wird standardmäßig links angezeigt.

So zentrieren Sie das Bild in HTML

Um es von anderen Teilen zu unterscheiden, können wir zu diesem Zeitpunkt einen separaten Bereich für das Bild definieren. Verwenden Sie dazu einfach div.

So zentrieren Sie das Bild in HTML

Dann fügen wir align="center" zum div hinzu und speichern die Datei.

So zentrieren Sie das Bild in HTML

Öffnen Sie die HTML-Datei und Sie werden feststellen, dass das Bild zentriert ist.

So zentrieren Sie das Bild in HTML

HTML-Video-Tutorial

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!