源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> img { display: block; margin: 0 auto; } </style> </head> <body> <h2>居中图片</h2> <p>居中图片, 可以使用 margin: auto; 并且要把它变成块级元素:</p> <img src="paris.jpg" alt="Paris" style="width:40%"> </body> </html>
运行结果