快生活 - 生活常识大全

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


  CSS是层叠样式表。下面,我们来看看怎么使用CSS让图片水平垂直都居中吧。
  操作方法
  01:
  新建一张文档   在桌面新建一张文本文档,改名为1.txt,如下图所示:   02:
  基础代码   然后打开文本文档,编写基础代码,再把桌面上的老虎图片引入进去,如下图所示:   03:
  后缀名   然后把文本文档后缀名改为.html,如下图所示:   04:
  运行网页   然后在浏览器中运行网页,现在图片有了,只是还没有居中,图片居住代码要用CSS写,如下图所示:   05:
  CSS代码   然后写上CSS代码,如下图所示:   06:
  垂直水平居中   可以看到图片已经垂直和水平居中,如下图所示:   07:
  总代码   <!--!doctype-->   <title>html</title>   <style type=""text/css"">   .picTiger{   margin: auto;   position: absolute;   top: 0;   left: 0;   bottom: 0;   right: 0;   }   </style>   <img class=""picTiger"" src=""C:/Users/Administrator/Desktop/1.png""/>
网站目录投稿:书凝