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

css是级联样式表。接下来，我们来看看如何使用css将图片水平和垂直居中。

详细介绍方法/步骤

创建新文档

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

基本代码

然后打开文字文档，写好基本代码，然后在桌面上介绍老虎图片，如下图所示：

后缀

然后将文本文档的后缀名称更改为。html，如下图所示：

运行网页

然后在浏览器中运行网页。现在图片有了，但是还没有居中。图片的活码应该是css写的，如下图所示：

css代码

然后编写css代码，如下图所示：

垂直和水平居中

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

总代码

！声明文档类型

头

标题html/标题

style type="text/css "。pictiger{

margin: auto

位置：

top : 0；

left : 0；

bottom : 0；

right : 0；

}

/style

/head

身体

img class=" pictiger " src=" c :/users/administrator/desktop/1 . png "

/body

超文本标记语言