如何消除兩個組件之間的垂直空間？

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文件。