谷歌应用程序脚本面板布局 - 设置宽度水平面板

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％