当前位置:首页 > 经验 > 数码摄影 > 互联网

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

关注:76 发布时间:2021-09-10 15:44:07

导语本文整理了怎么使用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

超文本标记语言

猜你喜欢

  • 防止别人蹭自己的wifi

    防止别人蹭自己的wifi54人喜欢

    通过路由器上的一些简单设置,基本上可以防止别人蹭网。详细介绍方法/步骤首先,确保您的计算机连接到您的家庭wifi。检查wifi详情,找到路由器的ip地址。打开浏览器,输入刚才看到的路由器号【192.168.1…

    更新时间:2021-07-09 21:07:01

  • 最经典的十部韩剧

    最经典的十部韩剧86人喜欢

    韩国的影视产业在亚洲数一数二,韩剧一直是大家追捧的对象。目光明亮的英俊男女,从主角到跑龙套的在线表演,甜蜜到泡沫的故事.非常吸引人。今天就来说说最经典的十部韩剧。详细介绍方法/步骤 《告白…

    更新时间:2021-11-10 19:22:08

  • 淘宝直播浮现权怎么开通

    淘宝直播浮现权怎么开通76人喜欢

    详细介绍方法/步骤首先,这个淘宝直播是有考核周期和范围的,周期一般是15天。也就是说,如果你想开自己的淘宝直播权,需要在淘宝上播15天。另外,当有人进入你的淘宝直播房观看1分钟,这可以视为你的直播输…

    更新时间:2021-09-14 15:08:01

  • qq邮箱怎么撤回已发送的邮件

    qq邮箱怎么撤回已发送的邮件4人喜欢

    qq邮箱是我们日常工作或学习中经常使用的一款办公学习软件。用它发邮件非常方便。编辑后,点击一下就可以立即发送,简单高效。但是我们在使用的时候,偶尔会在选择发送对象或者编辑内容的时候出错,但是…

    更新时间:2021-10-31 09:44:02

  • 12306的注册用户名忘了怎么办

    12306的注册用户名忘了怎么办45人喜欢

    忘记注册用户名12306了。可以在12306官网用手机找回密码,然后用手机号登录,输入后查看个人信息,记住用户名。接下来编个小系列给大家演示操作。详细介绍方法/步骤,进入“12306官网”,点击“登录”,如图…

    更新时间:2021-11-09 19:23:02

  • 不用的微信号怎么注销

    不用的微信号怎么注销7人喜欢

    今天,小编介绍了如何取消未使用的微信号,希望对大家有所帮助。详细介绍方法/步骤首先,我们选择点击打开手机上的微信软件,登录我们的微信账号。然后,我们在相关页面右下角点击我,找到设置,点击。然后,在…

    更新时间:2021-08-21 11:50:02

  • 快手哪些视频可以拍同框

    快手哪些视频可以拍同框95人喜欢

    在aauto rapper中哪些视频可以同帧拍摄?今天,小编将向你解释。详细介绍方法/步骤打开手机,找到a auto rapper,点击进入,如图。,点击图中所示位置的三个横条。。,点击“搜索”,如图。,搜索" #一起在同一…

    更新时间:2021-09-22 15:44:02

  • 怎样用电脑自带计算器开n次方

    怎样用电脑自带计算器开n次方85人喜欢

    今天,小编想和你分享如何使用电脑自带的计算器给n加电,希望能帮到你。详细介绍方法/步骤首先在开始菜单栏输入计算器,点击回车键。然后点击程序计算器。,然后输入需要平方的数字。,然后点击屏幕上标识…

    更新时间:2021-10-03 19:03:01

  • 怎么给su加贴图

    怎么给su加贴图28人喜欢

    详细介绍方法/步骤首先,我们通过“导入”将需要的汽车图片导入到草图母版中。鼠标点击图片,然后右键“反汇编”。然后我们打开油漆桶工具。用图中所示吸管吸图然后我们可以创建一个模型。为了把图…

    更新时间:2021-07-12 13:37:06

  • 芒果tv兑换卡怎么使用

    芒果tv兑换卡怎么使用15人喜欢

    芒果电视交换卡怎么用?今天,小编将向你解释。详细介绍方法/步骤打开手机,找到芒果电视,点击进入,如图。,登录你的账号,如图。,点击我的页面上的vip会员,如图。,找到“使用兑换代码”并进入下一页。。,输入兑…

    更新时间:2021-08-20 07:38:01

  • 怎么查看qq交易明细记录

    怎么查看qq交易明细记录60人喜欢

    今天,小编想和大家分享一下如何查看qq交易详情,希望对你有所帮助。详细介绍方法/步骤在我们手机的桌面上找到qq并点击。然后点击屏幕左上角的个人头像。然后点击qq钱包。,然后点击屏幕右上角的设置…

    更新时间:2021-08-22 19:44:05

  • 怎么在斗鱼上开启自己的直播

    怎么在斗鱼上开启自己的直播5人喜欢

    如何在斗鱼上开通自己的直播?这个话题就和你说说吧。详细介绍方法/步骤首先你通过搜狗浏览器搜索斗鱼官网,如下图,然后点击进入。输入02后登录您的帐户。如果你没有帐户,注册一个,然后登录。登录后,你…

    更新时间:2021-08-20 19:21:16