怎么使用CSS让图片水平垂直都居中？

作者：风筝 | 创建时间: 2023-06-10

CSS是层叠样式表。下面，我们来看看怎么使用CSS让图片水平垂直都居中吧。...

操作方法

新建一张文档在桌面新建一张文本文档，改名为1.txt，如下图所示：

基础代码然后打开文本文档，编写基础代码，再把桌面上的老虎图片引入进去，如下图所示：

后缀名然后把文本文档后缀名改为.html，如下图所示：

运行网页然后在浏览器中运行网页，现在图片有了，只是还没有居中，图片居住代码要用CSS写，如下图所示：

CSS代码然后写上CSS代码，如下图所示：

垂直水平居中可以看到图片已经垂直和水平居中，如下图所示：

总代码 <!DOCTYPE html> <head> <title>html</title> <style type="text/css"> .picTiger{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } </style> </head> <body> <img class="picTiger" src="C:/Users/Administrator/Desktop/1.png"> </body> <html>

怎么使用CSS让图片水平垂直都居中？

操作方法

更多推荐