如何消除两个组件之间的垂直空间？

Question

我打算成为一个标签，强调与嵌入式红线两个部分组成： -

Embedded line= new Embedded("", new ThemeResource(RED_LINE)); 

    LabelExt lblLoadFile = new LabelExt(this.app.res_grid_lables.LOAD_FILE); 

    this.addComponent(lblLoadFile); 
    this.addComponent(line); 

但似乎有（约20像素），这两个之间的空间。如何消除它，使嵌入式资源看起来像一个下划线？

Answer 1

我会用CSS来做这件事。

这样

.red-underline{ 
    border-bottom: red solid 2px; 
    } 

创建CSS然后你的代码就需要像这样

LabelExt lblLoadFile = new LabelExt(this.app.res_grid_lables.LOAD_FILE); 
    lblLoadFile.addStyleName("red-underline"); 
    this.addComponent(lblLoadFile); 

你需要找个地方添加CSS。我个人使用@StyleSheet注释从java项目中引入一个css文件。