应启用自适应标题容器或改用多行富文本标题。具体操作：在NavBar组件中设标题宽度为100%并关闭固定高度；或用文本组件手动换行、调整字号；亦可通过AI指令提前约束标题区域高度≥96px。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞AI生成小程序时，若页面顶部标题文字过长（如“社区团购+团长分润+供应商评级+订单履约看板”），默认布局会自动截断或换行错位，导致UI不美观、信息传达失效。
检查并启用自适应标题容器
进入码上飞平台 → 新建项目或打开已有项目 → 在左侧「页面结构」面板中，找到顶部导航栏组件（通常标记为「NavBar」或「Header」）→ 点击该组件，在右侧属性栏中查找「标题宽度」或「内容区域适配」选项 → 将其设为「自适应」或「100%」。
【必须关闭「固定高度」开关】 否则即使设了100%，标题行仍会被强制压扁，文字重叠或溢出不可见。
手动替换为多行富文本标题
方法一：删除原NavBar中的标题字段，改用「文本组件」插入顶部区域。
拖入一个「文本」组件 → 调整其宽度至全屏 → 在内容框中输入长标题 → 按 Shift + Enter 强制换行（普通Enter会跳出组件）→ 逐行微调字号：首行用18px，次行16px，末行14px，保持视觉节奏。
方法二：使用HTML内联样式精准控制（仅限导出源码后本地调试）：在文本组件的「高级设置→自定义HTML」中粘贴：
通过AI对话指令提前锁定布局空间
第一步：在需求描述中明确加入空间约束语句。
第二步：发送类似这样的完整提示：“做一个活动报名页，顶部标题是‘2026长三角高校AI创新大赛初赛作品提交系统’，要求标题区域预留足够空间，不折行、不缩略、不遮挡下方按钮，采用深蓝底白字，左右留白各16px。”
第三步：等AI生成初稿后，立即点击右上角「查看PRD文档」→ 定位到「UI规范」章节 → 核对其中「Header高度」是否≥88px（低于84px必然挤压长标题）。
第四步：若高度不足，在对话框中追加指令：“把顶部标题容器高度设为96px，并确保文字垂直居中”，AI会实时重绘布局。
