HTML code:
<div class="produtos2">
<table width="500" border="0" cellpadding="4" CELLSPACING="80">
<tr>
<td align="center" valign="center">
<img src="images/h_calcas/ola.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola1.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola2.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola3.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
<tr>
<td align="center" valign="center">
<img src="images/h_calcas/ola4.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola5.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola6.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.
</td>
<td align="center" valign="center">
<img src="images/h_calcas/ola7.jpg" width="200" height="200" alt="description here" />
<br />
Caption text centered under the image.</td> </tr>
</td>
</tr>
</table>
</div>
CSS代码:
.produtos2{
width: 100%;
height: auto;
background: gray;
}
table{
margin: auto;
}
table img{
display: inline-block;
}
html文件的文件夹位于&#34; www&#34;在其中有文件夹&#34; images&#34;里面的图像。但图像永远不会出现。我认为这可能与显示有关,所以我尝试了display:block;
和display:inline-block;
,但它仍然没有用。
文件夹:
答案 0 :(得分:0)
路径不正确。图片 n s @LordNeo