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

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

关注:77 发布时间: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

超文本标记语言

猜你喜欢

  • 怎么解决微信设备登陆问题

    怎么解决微信设备登陆问题97人喜欢

    微信设备登录问题怎么解决?今天,小编将向你解释。详细介绍方法/步骤打开手机,找到微信,点击进入,如图。,点击"设置"进入下一页。。,点击“账号与安全”进入下一页,如图。,点击登录设备管理,如图。,点击编辑…

    更新时间:2021-09-10 11:32:06

  • 抖音怎么关注、点赞

    抖音怎么关注、点赞15人喜欢

    抖音的短视频现在很流行,但是你知道如何关注、赞美、分享和评论tik tok吗?下面我教你!详细介绍方法/步骤首先打开tik tok app,如图1所示。出现一个新的界面,如图2所示。点击右栏中的顶部头像,如图3…

    更新时间:2021-11-15 12:44:01

  • 怎么快速将别人微信发给你的图片上传动态朋友圈

    怎么快速将别人微信发给你的图片上传动态朋友圈73人喜欢

    小编今天想和大家分享的是如何快速将别人通过微信发给你的图片上传到朋友圈,希望对大家有所帮助。详细介绍方法/步骤首先点击我们收到的图片。然后按住图片。然后点击保存图片。然后点击朋友圈。,…

    更新时间:2021-08-02 21:26:04

  • 智能视频音箱解决了什么生活痛点

    智能视频音箱解决了什么生活痛点6人喜欢

    详细介绍方法/步骤首先,最直观的是,智能视频音箱改变了以前“只闻其声不见其人”的缺陷。从用户体验来看,无疑是迎合了用户的心理需求。其次,智能视频音箱不仅满足了用户的“视觉”需求,还在功能体验…

    更新时间:2021-10-14 13:55:03

  • 教你怎么恢复通讯录里面丢失的联系人

    教你怎么恢复通讯录里面丢失的联系人91人喜欢

    虽然现在的手机功能很多,但其中最重要的还是手机通讯录,手机通话是根本。那么如果我们在使用过程中不小心删除了它或者在文件清理过程中丢失了通讯录中的重要数据呢?别担心,小编知道恢复电话通讯录的…

    更新时间:2021-11-16 17:54:01

  • 爱彼迎怎么设置收款方式

    爱彼迎怎么设置收款方式22人喜欢

    airbnb设置采集方式的过程比较复杂,需要一步一步来完成。需要准备的物品audemars piguet官网详细介绍方法/步骤打开airbnb官网,登录后选择右上角头像,打开账号设置。选择左侧的收集首选项,并添加收…

    更新时间:2021-07-06 15:44:02

  • 微信公众平台密码怎样修改

    微信公众平台密码怎样修改97人喜欢

    今天小编想和大家分享一下如何修改微信公众平台的密码,希望能帮到你。详细介绍方法/步骤首先在我们的电脑浏览器中进入微信公众平台,点击回车。然后点击微信公众平台官网。然后点击检索账号或密码…

    更新时间:2021-08-06 12:27:01

  • flash制作软件下载

    flash制作软件下载56人喜欢

    今天小编想和你分享如何下载和安装flash制作软件,希望能帮到你。详细介绍方法/步骤首先在我们的电脑桌面上找到电脑管家,点击。然后点击软件管理。然后进入flash,点击回车键。,然后点击flash右侧的in…

    更新时间:2021-06-30 08:50:07

  • 怎么用手机发电子邮件

    怎么用手机发电子邮件25人喜欢

    今天小编想和大家分享一下如何用手机发邮件(本文以qq邮箱为例),希望对你有所帮助。详细介绍方法/步骤首先在我们的手机桌面上找到qq邮箱,点击。,然后点击屏幕右上角的加号键。然后点击写邮件。然后…

    更新时间:2021-08-31 10:38:04

  • 卫星互联网是什么技术?

    卫星互联网是什么技术?9人喜欢

    详细介绍方法/步骤卫星互联网的建立依赖于空间通信卫星。当太空中有一定数量的通信卫星时,它们会相互交叉,形成辐射整个地球的卫星互联网。与目前的基站通信相比,卫星互联网建成后,信号可以辐射到世…

    更新时间:2021-11-12 07:55:08

  • 在快手中怎么设置评论权限?

    在快手中怎么设置评论权限?201人喜欢

    今天,小编想和你分享如何在aauto speeter中设置评论权限,希望对你有所帮助。详细介绍方法/步骤首先点击aauto主界面左上方的三条。然后点击设置。然后点击隐私设置。最后,单击“打开”,只允许我关注…

    更新时间:2021-11-14 17:16:11

  • 微信怎么给亲人开通亲属卡?

    微信怎么给亲人开通亲属卡?45人喜欢

    2018年6月11日,微信正式推出家庭卡功能,迎合消费者的消费习惯。可以说这个功能非常好用,那么微信怎么给亲戚朋友开亲戚卡呢?今天小编将与你分享我的经验,希望能帮助你。需要准备的物品微信最新版本详…

    更新时间:2021-11-15 09:25:09