前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

“咋滴?图片并列很难吗?”(并排的图片图注怎么添加)

图文排版

H5

手机版秀米



关于图片并列

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

但是

可能时间……太久远了

新来的小伙伴们没见过

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

↓↓↓

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

里面知识点也挺有用的


大家现在似乎都知道

做并列版式要用多列布局

而比较疑惑的点却成了

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

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

↓↓↓


所以呢

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

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



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

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


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


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

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


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


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

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


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


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

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

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



小结

各位看到本文的老铁,记清楚了啊!基础多列布局可以新增列数!

所以,不管你是做一排多少个图,还是一排多少个字,比如这样的小标题,都可以根据你的内容,增加多列布局的列数。


另外,新来的小伙伴,可以翻到本篇推文的开头,那里有一个#get秀米小技巧,点它进去,就可以看到以往更新的所有小技巧推文!想学哪个点哪个!


好啦~

以上就是今天的tips分享~

最近好冷

感觉冷到冻jiojio了

大家照顾好自己

别冻着了哦~


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言