ビューポートサイズに依存しない画像のセンタリング

私は画像のグリッドを持っています。ブラウザのサイズを大きくすると、行2の画像は、スペースが許すとすぐに行1にジャンプします。

画像を常にビューポートの中央に配置する方法はありますか?現時点では、イメージがジャンプするまで右マージンが増加し、この時点でのみ中央に配置されます。私はそれらの間に左右のマージンを増やして、追加の画像を受け入れることができます。その時点で画像が飛びます。

たとえば、flickrのこの効果を参照してください。

ありがとう

0
何も動作しません。
追加された 著者 pingu,

1 答え

このスタイルはあなたを助けるかもしれません。

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

あなたの要件に応じてボディの幅を変更することができます。

0
追加された
これは私が何をしたかではなく、固定幅を設定することによって、水平に収まる画像の数は一定になります。
追加された 著者 pingu,