Um das Bild zu zentrieren, verwenden Sie die Eigenschaften margin-left, margin-right und Block CSS. Sie können versuchen, den folgenden Code auszuführen, um das Bild zu zentrieren
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
img {
border: 2px solid orange;
border-radius: 3px;
padding: 7px;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
</style>
</head>
<body>
<img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt="Online Compiler" width="300" height="300">
</body>
</html>Das obige ist der detaillierte Inhalt vonBild mit CSS zentrieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So verwenden Sie debug.exe
absoluteslayout
Gründe, warum phpstudy nicht geöffnet werden kann
Eine vollständige Liste der Alter-Befehle in MySQL
Was ist der Unterschied zwischen PHP und Java?
http500-Lösung
Nach dem Einschalten des Computers zeigt der Monitor kein Signal
So verwenden Sie die Auswahlfunktion
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
