You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置Bubble分组标题不换行,小屏时实现横向滚动?

Bubble平台标题分组横向滚动(禁止换行)解决方案

针对你遇到的标题换行问题,在使用最新响应式引擎的前提下,可以通过以下步骤实现小屏横向滚动、禁止换行:

  • 选中标题分组容器,在编辑器「布局」选项卡中调整溢出设置:
    • 将「水平溢出」设为滚动,「垂直溢出」设为隐藏或可见
  • 配置标题文本的换行规则:
    • 选中标题文本元素,在「样式」选项卡中找到文本换行,选择不换行
  • 调整容器宽度设置:
    • 不要给标题分组容器设置100%这类固定百分比宽度,可设置为自适应内容宽度,或手动设置合适的最小宽度,确保标题内容能完整承载
  • 锁定响应式设置:
    • 在编辑器顶部切换不同屏幕尺寸视图,检查上述溢出、文本换行设置是否被自动调整,若有则手动锁定这些参数

标题换行时的页面截图及编辑器选项

内容的提问来源于stack exchange,提问作者horsefish

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.16 07:55:56