H5的图片标签是什么?应该如何设置长宽高

html-css010

H5的图片标签是什么?应该如何设置长宽高,第1张

解决方法如下:

在HTML布局时候直接在图片img标签加宽度和高度属性即可控制图片高和宽

html img图片标签高度宽度设置

我们可以直接在图片标签设置宽度width和高度height,这里需要注意的是HTML img标签内直接设置宽度和高度值不需要html单位,默认为PX像素。

mg标签内设置高度宽度优点直观,对于文章内插入图片可以利用此方法控制设置图片高度宽度;缺点,如果图片列表排版的这样会增加很多HTML代码,不便统一修改。

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

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

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

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

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