删除 GWT Grid 中的行之间的间隙答案

【问题标题】：Remove gap between rows in GWT Grid删除 GWT Grid 中的行之间的间隙
【发布时间】：2011-07-28 07:59:47
【问题描述】：

我有一个充满图像小部件的 GWT Grid：

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

【问题讨论】：

很可能是 CSS，如果您可以发布一个简短的 sn-p（最好使用 jsfiddle）会有所帮助。

标签： java css gwt

【解决方案1】：

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

添加这个 CSS：

td img {
    display: block
}

解释见：https://developer.mozilla.org/en/Images%2c_Tables%2c_and_Mysterious_Gaps

【讨论】：

实际上，我选择了 GWT，因此我不需要处理所有特定于 Web 浏览器的怪癖。但似乎我什至无法使用 GWT 解决它。你的回答解决了我的问题。谢谢！