Jsf 嵌入h:graphicImage的h:panelGrid未正确显示

我的问题是关于h:panelGrid中h:graphicImage的显示

<h:panelGrid border="0" cellspacing="0" cellpadding="0" >
   <h:graphicImage height="63" width="270" value="images/NewAOnly.PNG" />
    <h:graphicImage height="60" width="270"        value="images/NewABottom.PNG" />
</h:panelGrid>

顶部的.PNG文件是270 x 63，没有边框区域。底部的.PNG是270 x 60，没有边界区域

---

我的问题是，对于border=“0”、cellspacting=“0”和cellpadding=“0”，为什么这两个图像不能一个放在另一个图像的上面，并且彼此之间没有空间？

当您使用。长话短说，请查看Mozilla开发者网络上的文章：。至于doctype，您可以通过使用怪癖或过渡doctype来解决这个问题（作为一个快速测试，删除

doctype

行）。但目前不建议这样做

如果您完全肯定表格是以这种方式显示图像的具体功能需求的正确工具，例如，由于某些可疑的原因，div绝对不是一个选项（并且您完全了解“”的重要性），那么您可以通过在表格单元格中生成块级元素中的图像来解决此问题

td img {
    display: block;
} 

---

请注意，这个问题与JSF完全无关。在这个问题的上下文中，JSF只是一个HTML代码生成器。

当您使用。长话短说，请查看Mozilla开发者网络上的文章：。至于doctype，您可以通过使用怪癖或过渡doctype来解决这个问题（作为一个快速测试，删除

doctype

行）。但目前不建议这样做

如果您完全肯定表格是以这种方式显示图像的具体功能需求的正确工具，例如，由于某些可疑的原因，div绝对不是一个选项（并且您完全了解“”的重要性），那么您可以通过在表格单元格中生成块级元素中的图像来解决此问题

td img {
    display: block;
} 

请注意，这个问题与JSF完全无关。在这个问题的上下文中，JSF仅仅是一个HTML代码生成器