如何设置Bubble分组标题不换行,小屏时实现横向滚动?
Bubble平台标题分组横向滚动(禁止换行)解决方案
针对你遇到的标题换行问题,在使用最新响应式引擎的前提下,可以通过以下步骤实现小屏横向滚动、禁止换行:
- 选中标题分组容器,在编辑器「布局」选项卡中调整溢出设置:
- 将「水平溢出」设为
滚动,「垂直溢出」设为隐藏或可见
- 将「水平溢出」设为
- 配置标题文本的换行规则:
- 选中标题文本元素,在「样式」选项卡中找到文本换行,选择
不换行
- 选中标题文本元素,在「样式」选项卡中找到文本换行,选择
- 调整容器宽度设置:
- 不要给标题分组容器设置100%这类固定百分比宽度,可设置为
自适应内容宽度,或手动设置合适的最小宽度,确保标题内容能完整承载
- 不要给标题分组容器设置100%这类固定百分比宽度,可设置为
- 锁定响应式设置:
- 在编辑器顶部切换不同屏幕尺寸视图,检查上述溢出、文本换行设置是否被自动调整,若有则手动锁定这些参数

内容的提问来源于stack exchange,提问作者horsefish
相关产品推荐
相关产品推荐

