我有一个包含两个垂直面板的水平面板(1个左侧,1个右侧)当我为水平面板指定宽度(比如说80%)时,左右垂直面板粘在水平面板的各自侧面上。因此两个垂直面板之间存在差距。 如何将两个面板并排显示,并在它们的右侧留下任何额外的空间?
提前致谢。
答案 0 :(得分:2)
插图:
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
}
答案 1 :(得分:1)
将vpanel的宽度设置为100%