我正在构建一个投资组合站点的一部分,该站点使用相对度量单位显示带有图像及其标题的4列网格,以便它随浏览器窗口的大小而缩放。它工作得很好,但标题除外,标题位于跨度中的每个图像的下方。当其中一个标题的长度超过220px (或容器的20% )时,高度会增加,下一行中的项目将被“卡住”。我可以很容易地解决这个问题,使用PHP在每四个div之后插入一个clear:both div (以便在html中有效地创建一个新的“行”),但我计划使用媒体查询或其他一些设备,随着浏览器窗口的缩小,将列数减少到max-width: