我有一个包含两个垂直面板(1 个左侧,1 个右侧)的水平面板当我为水平面板分配宽度(比如 80%)时,左右垂直面板被粘在水平面板的各自侧面。因此,两个垂直面板之间存在间隙。我怎样才能让两个面板并排出现,并在它们的右侧留下任何额外的空间?
提前致谢。
我有一个包含两个垂直面板(1 个左侧,1 个右侧)的水平面板当我为水平面板分配宽度(比如 80%)时,左右垂直面板被粘在水平面板的各自侧面。因此,两个垂直面板之间存在间隙。我怎样才能让两个面板并排出现,并在它们的右侧留下任何额外的空间?
提前致谢。
插图 :
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
}
将 vpanels 的宽度设置为 100%