google-apps-script - 谷歌应用脚​​本面板布局 - 设置宽度水平面板

Question

我有一个包含两个垂直面板（1 个左侧，1 个右侧）的水平面板当我为水平面板分配宽度（比如 80%）时，左右垂直面板被粘在水平面板的各自侧面。因此，两个垂直面板之间存在间隙。我怎样才能让两个面板并排出现，并在它们的右侧留下任何额外的空间？

提前致谢。

Answer 1

插图 ：

function doGet() {
  var app = UiApp.createApplication().setTitle('panels');
  var hor = app.createHorizontalPanel().setWidth('80%').setHeight('200px').setBorderWidth(2).setStyleAttribute('background', 'yellow');
  var vp1 = app.createVerticalPanel().setBorderWidth(5).setWidth('100%').setStyleAttribute('background', 'green');
  var vp2 = app.createVerticalPanel().setBorderWidth(5).setWidth('100%').setStyleAttribute('background', 'red');
  vp1.add(app.createLabel('panel1').setHeight('150px'))
  vp2.add(app.createLabel('panel2').setHeight('150px'))
  app.add(hor);
  hor.add(vp1).add(vp2)
  return app
  }

Answer 2

将 vpanels 的宽度设置为 100%