导语本文整理了怎么使用css让图片水平垂直都居中知识,不管是了解相关知识,还是写作素材整理,都是理想的参考文章,希望对您有所帮助!
操作方法
1、创建新文档
在桌面新建一个文本文档,重命名为1.txt。
2、基本代码
然后打开文字文档,写好基本代码,然后在桌面上介绍老虎图片。
3、后缀
然后将文本文档的后缀名称更改为。html。
4、运行网页
然后在浏览器中运行网页。现在图片有了,但是还没有居中。图片的活码应该是css写的。
5、 css代码
然后编写css代码。
6、垂直和水平居中
您可以看到,图片已经垂直和水平居中。
7、总代码
!声明文档类型
头
标题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
超文本标记语言