原来用布局模式,也可以制作出图文并排的卡片。一起来解锁秀米新技能,做出专属于自己的卡片模板吧!
第1步:输入文字,并插入一个单列布局
①在编辑区内输入“PART/01”文字;
②从左侧【图文模板】-【布局】-选择【单列布局】插入
③将文字拖拽进【单列布局】内
第2步:设置布局宽度,并添加背景色
①将【单列布局】宽度设置为【宽度自适应】
②为单列布局添加背景色
第3步:设置单列布局左右边距数值
选中单列布局,点击工具条上【边距】按钮,在左侧内边距勾选【左右一致】,然后设置左右边距数值为17px。
第4步:添加一个固定布局
添加一个【固定布局】,或搜索模板编号#3336
第5步:设置固定布局的相关参数
①设置固定布局参数,宽为17px,高为29px
②点击【边框】按钮,位置【下边框】,样式【实线】,大小29px,颜色为黄色(此处下边框大小跟高一致,颜色与单列布局背景色一致)
③位置【右边框】,样式【实线】,大小17px,颜色为透明色。
(此处右边框大小跟宽一致,颜色为透明色)
④将此固定布局拖拽到上述单列布局右侧,若出现情况一,记得删除左侧外部多余的布局。(看自身使用的浏览器而定,此处用的是360)
第6步:设置右布局对齐方式及宽度
①设置对齐方式为【整行丨拉伸】
②宽度设置为【宽度自伸缩】,伸缩比0。
第7步:输入文字并建立左右布局
①在标题下栏输入文字
②打开右侧深度布局,在【图片素材】/【我的图库】选择一张图片拖拽在文字左侧。
第8步:调整左右布局图片及文字细节
①选中左侧图片,点击【组件定位】设置其组前/后距为0
②选中右侧文字布局,点击【边距】,勾选左右一致、上下一致,输入数值为29px;同时设置对齐方式为【整行丨拉伸】,最后为其设置背景色。
第9步:关闭深度布局继续调整细节
如果关闭深度布局之后,发现右边色块掉下来,可选择调整字号大小来适应。
最后调整标题字体颜色及大小:设置“PART”字号为12px,颜色白色;“/01”字号16px,颜色白色,加粗,居中对齐。
到此这篇速排(速排小蚂蚁编辑器怎么用)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/bcyy/45750.html