<!DOCTYPE html> <html> <head> <style> #Outer { border: 2px solid black; height: 300px; position: relative; } img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } </style> </head> <body> <div id="Outer"> <img src="1.gif" /> </div> </body> </html> <!-- 文章来源：[2示例]如何使用CSS将div中的图像居中对齐（垂直和水平） http://www.webkaka.com/tutorial/html/2022/0909299/ //-->
卡卡测速网
>
html技术
>
[2示例]如何使用CSS将div中的图像居中对齐（垂直和水平）
添加收藏
下载源代码
|
运行结果
demo.html
运行代码
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX