怎么使用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>
-
教你如何使用小米MINI盒子
小米MINI盒子是一款小米最近推出的一款新产品,其外观小巧玲珑,操作简单方便,一推出便俘获了大批粉丝的心,下面我就教大家如何使用小米MINI盒子操作方法(01)首先做好准备工作,蓝牙遥控器、HDMI是小米MINI版盒子的标配,新的蓝牙遥控器要取出电池仓里的绝缘片,确保遥控器通...
-
什么样的朋友圈可以引起互动?
微信朋友圈已经成为我们必看的内容,有些人也会有很大一部分时间在上面。时不时的拿出手机,看看有没有人给你点赞,评论等。给大家分享一下,什么样的朋友圈可以引起互动。成为朋友圈达人!操作方法(01)第一条,先有趣后有用例如:我已经这么丑了,再不出来吓人,那不是白丑了?(配图...
-
怎么重新设置网络连接
很多人都不知道怎么重新设置网络连接,不要担心,赶紧跟我一起来看一下吧操作方法(01)在系统设置下找到“控制面板”(02)然后点击“网络和Internet”(03)之后选择“网络和共享中心”(04)然后点击“更改适配器设置”(05)按住“Alt”,调出状态栏,点击上方菜单栏的“高级”,再选择...
-
二十岁的某一天歌词意思
《二十岁的某一天》是花粥专辑的第一首单曲,也是花粥几年前最早被听众熟知的一系列歌曲之一。天桥边的男女花五块钱吃了一碗牛肉面,然后故事会有怎样?且听花粥不动声色娓娓道来。操作方法(01)花粥的歌,清新慵懒。二十岁的某一天,是其早期作品之一。其歌词如下:20岁的某...