HTML中怎样敲出图片并排的样式代码

作者:流年 | 创建时间: 2023-07-23
用代码实现多图并排的现象并不难,直接给图片添加上浮动就可以了。...
HTML中怎样敲出图片并排的样式代码

操作方法

先准备好图片,然后建立图片标签,如图所示;对图片外面的div添加一个宽,将图片宽度和div的宽度设置成一样100%

这样显示的图片就是只在规定的div中显示

如果有多张图片,可以直接对div进行复制多个

如果默认情况下,因为是div是块状标签,所示默认是上下排列的,如图所示

这时候给div添加一个浮动效果就可以了

如图所示,这样复制的几个图片就全部变成横排的样式了

如果觉得图片紧挨着太近,可以对每个div添加一个外边距margin

这样每个图片就会出现间隙了,是不是很简单的代码。

点击展开全文

更多推荐