0

CSSは私にとって非常に新しいものですが、学びたいと思っていますが、これを解決することはできません.

コンテナー内のページの左側にある 7 つの小さな画像を含む順序付けられていないリストがあります。

リストの下のページの下部に 3 つの画像を並べたいと思います。

これらの下の 3 つの画像は、列が下に伸びてコンテナーから出た場合に、列の右側が配置されるように見えます。画像はテーブル内にありますが、より良い方法があれば喜んで使用します。 .

コーディングがたくさんあるので、ここに何を書き込めばよいかわかりませんが、URL は次のとおりです。

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

4

2 に答える 2

1

divs の代わりにsを使用することをお勧めしますtable。jsFiddleを行う方法を確認できる短いフィドルを作成しました

于 2013-02-15T08:18:02.010 に答える
0

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ことをお勧めします。ブラウザの読み込み速度を上げるために、ブラウザで表示される実際のサイズにサイズ変更する必要がある大きな画像サイズを入れています。

于 2013-02-15T08:25:36.293 に答える