Question

虽然我愿意学习CSS，但对我来说这是一个很新的东西，但我无法解决这个问题。

我有一个无序列表，其中包含容器内页面左侧的七个小图像。

我想在列表下方的页面底部排列三张图片。

这些底部的三个图像似乎排成一列，如果它向下伸展然后走出容器，那么列的右边。图像在一张桌子上，但如果有更好的方法，我会很高兴使用它。

有很多编码所以我不确定在这里放什么，但URL是：

http://www.c5d.co.uk/coursehistoryfour.php

Answer 1

我建议您使用div代替table s。我做了一个简短的小提琴，你可以检查我将如何做jsFiddle

Answer 2

您可以通过管理td的宽度，然后管理图片宽度100％

来管理宽度

<table>
<tbody>
<tr>
<td witdh="33%"><img width="100%" height="" alt="JWK" src="http://www.c5d.co.uk/JWK.jpg" title="J W Kenworthy" class="renouf"> J W Kenworthy: The First President</td>
<td width="33%"><img width="100%" height="" alt="" src="http://www.c5d.co.uk/parnaby.jpg" title="Henry Parnaby" class="renouf">Rev<sup>d</sup> Henry Parnaby: The First Captain</td>
<td width="33%"><img width="100%" height="" alt="" src="http://www.c5d.co.uk/renouf.jpg" title="Tommy Renouf" class="renouf">Thomas Renouf: Course Designer</td>
</tr>
</tbody>
</table>

但最好使用div代替table和您要将大图像大小调整为在浏览器中看到的实际大小，以提高浏览器加载速度。

为什么我的图像没有正确排列？

2 个答案: