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

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 px）。如何消除它以使嵌入式资源看起来像下划线？

Answer 1

我会用CSS来代替。

像这样创建CSS

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

然后你的代码需要看起来像这样

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

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