2017-05-24 13 views
0

私はさまざまな次元の画像を持つ反応性のあるギャラリーを作成しようとしています。アイデアは全画面で同じサイズの5つの四角形のdivを持つことです。各画像は水平と垂直の両方にセンタリングされ、いくつかのパディング(ウィンドウサイズに応じて比例)に合わせてスケーリングされます。 div間の間隔は、水平方向と垂直方向の両方で同じです(ウィンドウサイズに基づいて比例(%)) - きれいに整頓されたビューを表示するdivの最小サイズと最大サイズがあります。 。、行1の最後の1を意味するなど、固定(比例)の間隔を保ち応答のある画像(固定スペース)

だけのCSSでこれさえ可能です2行に移動します

私は見つけることができる最も近い例はこれです:? <code>http://codepen.io/anon/pen/QGwwEB</code>

+0

これまでに試したことがあるコードはありますか? – HisPowerLevelIsOver9000

+0

さまざまな例の組み合わせだけで、何も動作しません – himi

+0

これはフレックスとパディングトップの混合物を使用しても可能ですが、あなたの質問は広すぎて不完全です – Pete

答えて

-2

ブートストラップのクラスを使用している場合は、

と書くことができます。
<img src="" alt="image" class="img-responsive"> 
関連する問題