html - 最大幅に達したときの新しいテーブル行

Question

画像を含むテーブルがあり、それぞれ幅250pxの画像を含むセルで500pxがいっぱいになったときに、新しい行を作成したいと思います。画像のワードラップのように。max-widthで動作させることはできません：/

Answer 1

テーブルは使用しないでください。表は、表形式のデータを表示するためにのみ使用することを目的としています。divを使用するのが最適です。

.wrapper {
 width:500px;
 overflow:auto;
}
.wrapper img {
 width:250px;
 float:left;
}


<div class="wrapper">

    <img src="image.jpg" alt="" />
    <img src="image.jpg" alt="" />
    <img src="image.jpg" alt="" />
    <img src="image.jpg" alt="" />

</div>

Answer 2

これは、ブロック要素内の画像のデフォルトの動作ではありませんか？（divやpのように）なぜテーブルが必要なのですか？

また、すべての列にまたがるテーブルセルを作成し、そこに画像を挿入することもできます。最大幅に達すると、折り返します。