java - 删除 GWT 网格中行之间的间隙

Question

我有一个 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 设置应用于表格、行和单元格，但没有任何帮助。有什么想法吗？

Answer 1

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

添加此 CSS:

td img {
    display: block
}

有关解释，请参阅:https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps