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

Question

如题所述

Answer 1

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

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

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

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

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

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

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

总代码 !DOCTYPE html head titlehtml/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