在Google Colab中使用ipywidgets interactive()组件显示缩进的问题求助

你的功能逻辑没问题，组件没左对齐是因为当前GridBox的布局设置导致的。可以通过以下几种方式解决：

方法1：调整GridBox的布局参数 #

修改GridBox的layout属性，指定实际需要的列数，同时强制左对齐并移除默认内边距：

class test():
  
  def __init__(self):
    self.option_1 = False
    self.option_2 = False

  def checks(self,a,b):
    self.option_1 = a
    self.option_2 = b  # 简化赋值逻辑，无需冗余的if-else
    
  def f(self, all_options):
    if all_options:
      w = widgets.interactive(self.checks,a=False,b=False)
      items = widgets.GridBox(
          w.children[:-1], 
          layout=widgets.Layout(
              grid_template_columns="repeat(2, 100px)",  # 改为对应复选框数量的列数
              justify_content='flex-start',  # 强制内容左对齐
              padding='0px'  # 移除左侧默认空白
          )
      )
      display(items)
    else:
      IPython.display.clear_output()

def main():
  test_subject=test()
  w = widgets.interactive(test_subject.f,all_options=True)
  display(w)

main()

方法2：改用HBox布局（更简单） #

如果只是横向排列少量复选框，HBox默认就是左对齐的，无需复杂的网格设置：

class test():
  
  def __init__(self):
    self.option_1 = False
    self.option_2 = False

  def checks(self,a,b):
    self.option_1 = a
    self.option_2 = b
    
  def f(self, all_options):
    if all_options:
      w = widgets.interactive(self.checks,a=False,b=False)
      items = widgets.HBox(
          w.children[:-1], 
          layout=widgets.Layout(justify_content='flex-start')
      )
      display(items)
    else:
      IPython.display.clear_output()

def main():
  test_subject=test()
  w = widgets.interactive(test_subject.f,all_options=True)
  display(w)

main()

关键修改说明 #

• justify_content='flex-start'：强制容器内的组件沿水平方向左对齐，覆盖默认的居中或分散对齐方式。
• 调整grid_template_columns列数：避免多余的空列占用空间，导致视觉上的偏移。
• 简化赋值逻辑：把原有的if-else直接改成变量赋值，代码更简洁高效。

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