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

用代码实现多图并排的现象并不难,直接给图片添加上浮动就可以了。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

(0)

相关推荐

  • CAD中怎么画出不同的点样式

    CAD中怎么画出不同的点样式,在这里简单的介绍一下 操作方法 01 打开AutoCAD软件,这里以AutoCAD2008为例,  绘图--点--单点 02 格式--点样式 03 在点样式界面里选择需要 ...

  • 如何从word中快速分离出图片另外保存出来?

    操作方法 01 打开word 02 选择 菜单   另存为 03 选择保存选项 04 选择网页 05 这样保存的文字和图片就分离出来

  • AI中illustrator中快速抠出签名图签名字图片

    AI中快速扣出图片签名, 操作方法 01 打开电脑中安装的illustrator软件,ctrl+n新建文件,参数自定义,单击确定按钮. 02 在网上找一张签名图片,直接拖进ai软件中, 03 选择属性 ...

  • word中图片并排在一行的办法

    在这里介绍word中图片并排在一行的办法:希望本指南能帮到你. 操作方法 01 启动WORD软件,新建空文档:再点:文件,打开信息页面. 02 在页面左侧这里点:选项:打开WORD选项设置面板,. 0 ...

  • 苹果手机iPhone中怎么显示出Safari浏览器中隐藏掉的图片

    今天,小编给大家分享苹果手机iPhone中显示出Safari浏览器中隐藏掉的图片的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找一下"Safari浏览器"图 ...

  • 如何在ps中提取抠出的图片

    电脑版PS软件被很多人使用,用来处理图片等, 有的用户在使用PS软件抠取图片时,想要提取抠出的图片,但是却不知道如何提取,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,双击或者右击打开PS软件 ...

  • Ps中如何裁剪出圆形图片

    Ps中如何裁剪出圆形图片,相信很多使用该软件的朋友们对此都很感兴趣,下面就和大家来分享一下,希望可以帮助到大家. 操作方法 01 将图片从photoshop软件中拿开,选中左侧工具栏的"椭圆 ...

  • cdr中怎么到出png格式的图片?

    我们做图时常常会用到透明背景的png图,但是cdr中如何到出png的图呢?就请往下看吧 操作方法 01 首先打开CDR软件,选定你要导出的图,然后单击菜单栏中的[文件]-[导出],或者直接按快捷键ct ...

  • 如何从word中提取出图片

    我们在使用word的过程中会遇到这样一个问题,word中有有一些图片是我们需要的但是却不知道如何把它提出出来?今天和大家一起解决这个问题 操作方法 01 首先打开一个包含有图片的word文档,如图wo ...