html - 居中图像独立于视口(viewport)大小

Question

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

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

例如，在 flickr 上查看此效果。

谢谢

Answer 1

这种风格可能对你有帮助。

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

您可以根据需要更改正文的宽度。