怎么使用CSS让图片水平垂直都居中?
CSS是层叠样式表。下面,我们来看看怎么使用CSS让图片水平垂直都居中吧。
操作方法
新建一张文档
在桌面新建一张文本文档,改名为,如下图所示:
基础代码
然后打开文本文档,编写基础代码,再把桌面上的老虎图片引入进去,如下图所示:
后缀名
然后把文本文档后缀名改为,如下图所示:
运行网页
然后在浏览器中运行网页,现在图片有了,只是还没有居中,图片居住代码要用CSS写,如下图所示:
CSS代码
然后写上CSS代码,如下图所示:
垂直水平居中
可以看到图片已经垂直和水平居中,如下图所示:
总代码
<!DOCTYPE html>
<head>
<title>html</title>
<style type="text/css">
iger{
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>
-
怎样解决网页打不开问题?
电脑正常使用情况下,有的网站忽然就打不开了,IE假吊死(其他网站浏览正常),可能还会自动关闭所有IE任务。步骤/方法(01)运行杀毒软件,检查任务管理器内存占用和程序运行情况,排除病毒因素。(02)IE工具栏里打开Internet选项,鼠标点击“删除文件”将Internet临时文件删除。(03)...
-
AC88U 设定无线网路 华硕路由器
AC88U设定无线网路现在家中的电子设备很多,路由器的无线功能就变得很重要操作方法(01)登陆路由器的管理页面(02)AC88U带有2个频段的wifi一个是2.4G(03)另一个频段是5G5G拥有更高的带宽和速率(04)请到[无线网路]>>[一般设定],然后选择您想使用的 [授权方式]一般状况下,...
-
word中替换功能的六个实用技巧
在这个讲效率的年代,word的使用也需要效率,那么,我们怎么才能使word的使用也有效率呢,这就需要我们在平时多积累一些实用小技巧,但如何能够更加了解word各个功能的使用技巧呢?那下面我们就以Word中替换功能为例,详细讲解它的6个技巧。操作方法(01)第一、去除word里括号...
-
快递单号自动识别接口调试平台
之前分享过了快递鸟的订阅接口、电子面单接口的调试平台的操作方式,现在来说一下快递单号自动识别接口的调试。快递单号自动识别接口就是说不输入快递公司编码参数,也能够查询到快递的物流轨迹。这个接口和查询接口一起使用的。操作方法(01)登录调试平台,用自己的账...