HTML列计数问题

我正在使用列计数，以便为我的图像库启用砌石。当我将列计数设置为3时，它会按预期工作

当其3：

当我将它设置为4时，问题就出现了。它似乎保持3，只是将空格设置为右侧第4列

当其第4条：

我不确定会是什么问题

*{
保证金：0；
填充：0；
边界：0；
}
html，正文{
高度：100vh；
}
#照片{
线高：0；
-webkit列数：5；
-webkit柱间隙：0px；
列数：4；
列间距：0；
}
#照片img{
宽度：100%！重要；
高度：自动！重要；
}

---

您无法通过列计数实现您的愿望，因为您需要知道它是这样工作的数字是HTML中图像的位置，因此您可能需要在第四列中添加更多的img

我建议使用flex

#photos {
    display: flex;
    flex-wrap: wrap;
}

#photos img {
    width: 25%;
}

---

希望它有帮助

您无法通过列计数实现您的愿望因为您需要知道它是这样工作的数字是HTML中图像的位置，因此您可能需要在第四列中添加更多的img

我建议使用flex

#photos {
    display: flex;
    flex-wrap: wrap;
}

#photos img {
    width: 25%;
}

希望有帮助