Sitecore中调整Rich Text页面组件宽度的技术求助

• 利用内联样式强制调整宽度与换行行为
  打开Rich Text编辑器的HTML视图，直接给按钮或其父容器添加内联样式：

  • 给按钮添加：style="white-space: nowrap; display: inline-block;"，强制按钮文本不换行并保持行内块显示
  • 给按钮所在容器添加：style="width: 100%; overflow: visible;"，扩展容器宽度以容纳所有按钮

• 简化按钮文本或调整字体适配现有宽度
  缩短按钮文字内容，或给按钮添加字体缩小的内联样式：style="font-size: 13px; padding: 4px 8px;"，在现有宽度限制下让按钮能完整显示在一行

• 插入自定义HTML片段替代默认组件内容
  如果Rich Text编辑器允许插入自定义HTML，直接编写包含完整样式的导航栏代码，绕过组件默认宽度限制，示例代码：

  <div style="width: auto; white-space: nowrap; display: flex;">
    <button style="flex: none; margin: 0 4px;">按钮名称1</button>
    <button style="flex: none; margin: 0 4px;">按钮名称2</button>
    <button style="flex: none; margin: 0 4px;">按钮名称3</button>
  </div>
  

• 尝试Rich Text编辑器内置样式集（若有权限）
  如果能访问编辑器的样式配置，添加自定义样式类（如.nav-btn-group { width: 100%; white-space: nowrap; }），之后在编辑器中给按钮容器应用该样式类

内容的提问来源于stack exchange，提问作者Shiv Walker