Html 独立于视口大小的图像居中

我有一个图像网格，当我增加浏览器的大小时，只要空间允许，第2行的图像就会跳到第1行

有没有办法使图像始终在视口中居中？此时，右边距会增加，直到图像跳起来，只有在这一点上，图像才会居中。我希望左右边距都增加，直到它们之间可以容纳一个额外的图像，此时图像会跳跃

例如，请参见flickr上的此效果

---

谢谢

这种款式可能会对你有所帮助

body 
{
    width: 1000px;
    margin-left: auto;  
    margin-right: auto;
}

---

您可以根据需要更改主体的宽度。

这不是我想要的，通过设置固定宽度，可以水平容纳的图像数量将保持不变。