html - 达到最大宽度时的新表格行

Question

我有一个带有图像的表格，我希望它在 500px 充满包含每个 250px 宽的图像的单元格时创建一个新行。就像图像的自动换行一样。无法使其与最大宽度一起使用：/

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）你为什么需要一张桌子？

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