1

如何让 flex 表 (flex3) 在此 Ui的顶部对齐？

function doGet(e) {
  var app = UiApp.createApplication();
  var flex1 = app.createFlexTable().setBorderWidth(1);
  var flex2 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex2'))
      .setWidget(1, 0, app.createTextArea().setHeight(400).setText('Text area in flex2'));
  var flex3 = app.createFlexTable().setBorderWidth(1).setWidget(0, 0, app.createLabel('flex3'));

  flex1.setWidget(0, 0, flex2).setWidget(0, 1, flex3);  
  app.add(flex1);
  return app;
}

本来期待...

var flex1 = app.createFlexTable().setBorderWidth(1).setStyleAttribute('vertical-align', 'top');

或者

var flex1 = app.createFlexTable().setBorderWidth(1).setColumnStyleAttribute(1, 'vertical-align', 'top');

去工作。

此外，对根使用流面板而不是 flex 也没有按预期工作。这将 2 flex 垂直堆叠，而不是从左到右堆叠。

4

1 回答 1

1

将这条线添加到底部对我来说是诀窍 -

flex1.setStyleAttribute(0, 1, 'vertical-align', 'top');

不知道为什么全局设置样式或设置列样式不起作用。但是，将其设置在特定的行/列上似乎可行。让我知道。

这可能必须在问题跟踪器上结束，请在那里检查并记录问题。

于 2012-11-03T18:07:46.843 回答