怎样让html中的img标签居中显示

在html页面开发中,我们很多时候会用到img标签。那么你知道怎样让img标签居中显示吗?下面来看下。

操作方法

  • 01

    先看下我们的html代码,在一个div里放入一个img图片标签。

  • 02

    再看下我们div的样式,主要地方是我们设置了div的宽度,为400px,如图所示的代码。

  • 03

    现在看下页面,可以看到,现在的图片是靠左显示的,并没居中。

  • 04

    要让img标签的图片居中,我们可以加上一行样式代码:text-align: center;就行了。

  • 05

    再次看下页面,可以看到现在的图片已经是居中显示的了。

(0)

相关推荐

  • 怎么将微信朋友圈中的个性签名居中显示

    我们在微信朋友圈中的签名一般都是靠右显示的,今天小编跟大家分享的是怎么将微信朋友圈中的个性签名居中显示.具体如下:1. 首先我们在手机中打开微信,进入主界面之后点击上方 搜索图标,然后搜索个性签名居中 ...

  • css中设置div居中显示的方法

    我们进行页面开发的时候,最经常用的就是div标签了,那么div中的内容如何居中显示呢,下面小编给大家分享一下. 操作方法 01 首先我们用sublime先创建一个html,并且在html里面加入div ...

  • Wps中如何让标题快速居中显示?

    表格编辑时,碰到标题时输入时,为了表格的美观,设置标题显示时总是习惯于"居中显示",那么要如何让表格中的标题快速"居中显示"呢? 操作方法 01 举例来说: 工 ...

  • blender怎么让选中的物体模型在3d窗口中居中显示?

    blender中有很多物体,想要把其中一个选中的模型在3d窗口中居中显示,可以通过改变对齐视图的方式来实现,下面我们就来看看详细的教程. 1.在blender中打开一个场景,里面有个立方体模型并不在窗 ...

  • ppt2007文本框中的文字怎么设置居中显示?

    ppt中想要让文字居中,该怎么设置文本框中文字居中呢?下面我们就来看看详细的教程. 1.先用鼠标左键点击文本框的边框,选中文本框. 2.再点击PowerPoint 2007中的[格式]选项卡. 3.点 ...

  • 如何在手机端QQ中添加个性标签?

    相信很多小伙伴都有在使用QQ,那么在其中我们如何添加个性标签呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的QQ并登录.登录成功后,点击页面左上角的头像.2. 页面左侧弹出下 ...

  • 一招教你使Excel表格中的小数点居中显示

    相信很多小伙伴在日常办公中都会用到Excel,如果我们想要使其中的小数点居中显示该怎么做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 小编这里就以下图所示表格中的G列为例.2. 将G列数值所 ...

  • 如何在华为手机的备忘录中创建新标签?

    相信很多小伙伴都有在使用华为手机,如果我们想要在其中的备忘录中创建新标签该如何做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"备忘录".2. 进入备忘 ...

  • 如何在手机微信中更改分组标签名字?设置的标签如何删除?

    相信很多小伙伴都有在手机上使用微信,其中分组标签名字如何才能更改呢?如果我们想要删除某个标签又该怎么做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"微信&quo ...