消除GWT Grid中行之间的间隙

时间:2011-07-27 23:18:07

标签: java css gwt

我有一个填充了Image小部件的GWT网格:

private Grid puzzleTable = new Grid(4, 2);
[...]
for ( y = 0; y < 3; ++y ) {
  for ( x=0; x < 2; ++x ) {
    Image img = new Image( DEFAULT_IMAGE_DIR+"/portrait"+"_"+y+"_"+x+".png" );
    puzzleTable.setWidget( y, x, img );
  }
}

然后我想删除表格单元格的所有间距/填充:

puzzleTable.setCellPadding(0);
puzzleTable.setCellSpacing(0);

但是,行之间仍然存在差距。间隙似乎是细胞底部的一些间距。我已经尝试将不同的CSS设置应用于表格,行和单元格,但没有任何帮助。有什么想法吗?

1 个答案:

答案 0 :(得分:3)

假设new Image(..)在HTML中创建了一个img元素:

添加此CSS:

td img {
    display: block
}

有关说明,请参阅:https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps