Heim > Artikel > Web-Frontend > So zentrieren Sie das Bild in HTML
So zentrieren Sie das Bild in HTML
- angryTomOriginal
- 2020-03-02 11:30:3944022Durchsuche
So zentrieren Sie das Bild in HTML
1. Zuerst müssen wir eine neue HTML-Seite erstellen.
2. Erstellen Sie dann ein neues img-Tag im Körperteil und geben Sie ein Bild an.
3. Überprüfen Sie den Effekt im Browser und Sie werden feststellen, dass das Bild standardmäßig linksbündig ist und nicht in der Mitte angezeigt wird.
4. Wickeln Sie das Bild in ein p- oder span-Tag ein und fügen Sie dem Tag ein style-Attribut mit dem Wert text-align:center hinzu.
Empfohlenes Lernen: HTML-Tutorial
Der Code lautet wie folgt:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style="text-align: center;">
<img src="a.png" alt="">
</p>
</body>
</html>Weitere HTML-Tutorials finden Sie auf der PHP-Chinese-Website !
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!