达到最大宽度时的新表行

Question

我有一张带有图像的表格，我希望在500px填充包含每个250px宽的图像的单元格时创建一个新行。就像图像的自动换行一样。 无法使用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）你为什么需要一张桌子？

您还可以创建一个跨越所有列的表格单元格并将图像插入其中。达到最大宽度时，它们将换行。