秀米排版丨如何制作图文并排卡片？

原来用布局模式，也可以制作出图文并排的卡片。一起来解锁秀米新技能，做出专属于自己的卡片模板吧！

第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，颜色白色，加粗，居中对齐。