避免屏幕空白的解决方案调整css或jquery的大小

情境： 屏幕上有16个div块，带有

float:left

属性

# # # #
# # # #
# # # #
# # # #

调整屏幕大小后（即本例中的缩减），我们得到以下结果：

# # # 
# # # 
# # #
# # #
# # #
# x x

其中

x

-为空白

所以，我需要一些css或jquery解决方案，以避免在屏幕调整大小或加载后出现空白位置

可能会显示一些预先制作好的隐藏分区，或者一个分区会自动覆盖两个或多个地方

---

e示例

如果您可以调整div块的大小，请使用媒体查询进行调整。修改或发布代码。您尝试了什么？上面的示例看起来像是简单的数学将提供n个要插入DOM的占位符元素。div块大小是固定的。（它们包含拇指）@abrahab你可以增加每个拇指的宽度和高度，使每行有两个拇指