在码上飞AI中调整文字行距需先进入应用编辑器,选中文本/多行输入框/富文本组件,在右侧样式中设行高1.0~3.0(如1.2常规、1.8长段落),支持滑块或手动输入;批量修改可Ctrl多选后统一设置,注意父容器截断问题。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在码上飞AI生成的应用界面中调整文字行距,是为了让表单字段、说明文案或列表内容更易读、不拥挤,尤其当输入框内文字换行或长描述显示时,系统默认行距常导致字间距过紧、视觉压迫感强。
进入应用编辑状态
打开码上飞AI网页版→登录账号→在「我的应用」列表中找到目标应用→点击右侧「编辑」按钮,进入可视化编辑器界面。
这一步必须完成,否则所有样式调整操作均不可见、不生效。未进入编辑器直接在预览页右键或按Ctrl+鼠标滚轮无效。
定位需调整行距的文字组件
在左侧组件面板中确认当前选中的是「文本」、「多行输入框」或「富文本展示」类组件;若误点按钮、图片或表格,后续设置项将不出现「行高」选项。
注意:标题组件(如H1/H2)和静态标签(Label)的行距由系统统一控制,无法单独修改,需改用「文本」组件替代。
修改行高参数
方法一:使用滑块快捷调节
在右侧属性面板中找到「样式」分组→展开「文字」→拖动「行高」滑块,数值范围为1.0~3.0;1.2适合常规说明文字,1.8以上适合长段落或带换行的提示语。
方法二:手动输入精确值
点击「行高」数值右侧的输入框,直接键入数字(如1.45),支持小数点后两位;输入后按回车确认,避免只打数字未提交导致设置丢失。
【行高单位为无量纲倍数,非像素值】——它基于字体大小动态计算,例如字体14px时,行高1.5=21px;若后续更换字体,该比例保持不变。
批量统一多个文本组件的行距
第一步:按住Ctrl键,依次点击画布中所有需统一样式的文本组件(支持跨区域多选);
第二步:在右侧属性面板中修改「行高」值;
第三步:确认所有组件预览效果一致,特别检查含中文标点与英文混排的段落是否出现基线错位。
这一步不能跳过预览验证。部分组件若嵌套在卡片或弹窗容器内,其父容器设置了overflow:hidden,过大的行高会导致文字被截断,此时需同步调低容器高度或开启自动撑高。







