如何将图片并列显示(如何让两个图片并排)

图文排版

H5

手机版秀米

关于图片并列

之前为此专门写过一篇推文

但是

可能时间……太久远了

新来的小伙伴们没见过

毕竟那篇推文已经是2020年3月份写的了

↓↓↓

感兴趣的老铁可以点↑图片看看

里面知识点也挺有用的

大家现在似乎都知道

做并列版式要用多列布局

而比较疑惑的点却成了

秀米的基础多列布局最多只有5列

那要是想做一排678910个图怎么办?

↓↓↓

所以呢

今天的重点就是和大家讲一下

秀米基础多列布局如何新增列数

在秀米里排版,凡是涉及到划分左右版面结构,那咱们肯定要用到多列布局。

比如,两个元素并列用两列布局;三个元素并列用三列布局。

步骤演示:【布局】→【基础布局】里找到对应的多列布局添加到编辑区域,然后再在每一列布局里添加对应的内容即可。

但是,经常有小伙伴留言问我:基础布局里面的多列布局最多只有5列,那想要做6个元素及以上并列怎么办呢?

敲重点啊!基础多列布局是可以增加列数的!!!

步骤演示:选中任意一列布局,点布局工具条上宽度左边的图标,可以新增/删除布局列数,并且可以手动输入插入几列布局以及是否复制内容。

增加布局列数除了上面讲的这个方法,其实还有一种方法。

不过,我个人觉得对于新手小伙伴可能会有一丢丢理解难度,强烈建议动手操作一下,用顺手之后,还是很方便滴(言外之意,大家选自己喜欢的方法就行,达到目的就好了嘛)。

步骤演示:打开布局模式,直接拖一个内容到已有布局的右边/左边,等到出现蓝色底色块区域,松开鼠标,就会新增一列布局,且新旧内容并列。

上面的步骤演示里面用的都是图片举例,你也可以用文字、模板、组件之类的!!!

比如:图片和文字并列、图片和模板并列、文字和文字并列等,增加基础布局列数的方法都是一样的!

要灵活运用啊~各位老铁~

(0)

相关推荐

  • 如何将两个下拉选框并列显示

    下拉框select在网页制作中比较常见,主要是不希望用户输入一些不符合规则的数据,如果种类不太多,使用下拉框是一个好的选择.那么,如何让两个下拉框并列显示呢? 操作方法 01 打开VSCode编辑工具 ...

  • JSP 图片无法显示的原因

    JSP 图片无法显示通常是由于以下原因: 1.文件路径或文件名称的问题,这需要验证文件的路径是否正确是否区分了大小写.jsp路径也是十分特殊的,相对路径有时候是无效的,所以需要使用绝对路径,路径前使用 ...

  • win10系统锁屏后黑屏怎么办 win10锁屏后不显示背景的两种解决方法图文教程

    使用Win10的小伙伴都知道,隔有一段时间未使用电脑后,win10就会自动进入锁屏模式,并且会出现优美的画面.最近有用户放在更新升级后,发现锁屏后屏幕就会出现黑屏,无论使用Windows 聚焦还是图片 ...

  • word中图片不显示怎么办

    有时我们在打开一个Word格式的文档时,会发现文档中的图片无法正常显示.本来已经完成的文档,却因图片无法显示而必须得重新编辑.那么有没有更好的解决办法呢?下面小编将给大家讲解一下如何让Word保存图片 ...

  • AI教程:[30]如何修改图片的显示比例

    在ai设计图片,经常要把一些图片素材置入于我们已建的画布里,如果置入的图片尺寸太大,如何修改它的显示比例呢? 操作方法 01 前面一节我们已经讲过置入图片的方法.比如,这一张图片,刚置入画布上,显示的 ...

  • Win8照片应用不能显示新图片能显示新文件夹(为空)

    一个朋友在使用Win8系统时遇到问题,“照片”应用的图片库里不显示我的电脑里“库”栏目下图片文件夹里新加入的图片,但是能显示新文件夹(显示为空)。这让他百思不得其解,有什么方法可以解决呢? 如图,“F ...

  • win7图片只显示图标不显示预览图即小图.中图.大图

    问题描述: win7上图片只显示图标,不显示缩略图;不管是调节小图、中图还是大图或者其他均不显示;而且这种情况下使用截图工具截下来的图片都不自动带上扩展名;情况如下图: 解决方案: 打开计算机—》组织 ...

  • win7系统图片只显示图标不显示预览图的解决方法

    win7上图片只显示图标,不显示缩略图;不管是调节小图、中图还是大图或者其他均不显示;而且这种情况下使用截图工具截下来的图片都不自动带上扩展名,怎么办呢? 解决方案: 打开计算机—》组织—》文件夹和搜 ...

  • win7的图片只显示图标如何像xp一样显示预览图呢

    在win7系统里,正常情况下我们要浏览图片的时候,会发现win7的图片只显示图标,不显示预览图。如果我们要在一堆图片中找到想要的一张就得一张一张的打开查看,很麻烦。怎样才能让win7图片也像xp图片显 ...