html - 在网格中定位照片 (HTML)

Question

我一直在尝试编码 this page有一段时间，但我最大的问题是我似乎无法将照片完美定位。出于某种原因，每个 <td> 中都有一个小的底部填充。这把事情搞砸了。

这是表格代码:

<table>
    <tr>
        <td rowspan="2" style="height:353px;"><img src="danoconnor/img/photography/farm.jpg" height="353" width="470" alt="Farm" /></td>
        <td><img src="danoconnor/img/photography/paragliding.jpg" height="190" width="254" alt="Paraglider" /></td>
        <td rowspan="2"><img src="danoconnor/img/photography/cristo.jpg" height="353" width="230" alt="Cristo Redentor" /></td>
    </tr>
    <tr>
        <td><img src="danoconnor/img/photography/u2.jpg" height="154" width="254" alt="U2 at Fordham University" /></td>
    </tr>
</table>

我的问题是:如何制作 the photogrid看起来像这样:

？

Answer 1

如果您不使用 css，您仍然可以通过将开始表标记更改为:

<table cellspacing="0" cellpadding="0" border="0">

我还会将 valign="bottom"添加到最后一个 td 标记，以确保图像下方没有空间:

<tr>
    <td valign="bottom"><img src="danoconnor/img/photography/u2.jpg" height="154" width="254" alt="U2 at Fordham University" /></td>
</tr>