フレキシブルラッパー内のイメージの静的な高さ

Question

私は、これらの高さと幅が柔軟な3つのボックスを持つコンテナを持っています。最初のボックスは、コンテナの幅の60％と高さ100％を占めます。マージンの10％の後、2番目と3番目のボックスは幅の30％を占め、それぞれ容器の高さの45％を使用します。

これは、主にフレームワークkube.css（https://imperavi.com/kube/）によって行われます。これらのボックスの中には、1箱あたり1つの画像があります。背景画像は、私が比例正しいスケーリングイメージでそれをする方法を見当もつかない現実的な選択肢ではないので https://codepen.io/daiaiai/pen/qXRvOy

：レイアウトはそのようなものであるところ、私は、縦方向に完璧整列する画像/箱が欲しいです。

私はそれでそれを試してみてくださいそれがうまく動作しない：

.index_quicklinks div img { 
    width: 100%; 
    height: auto; 
} 

私は画像のテンプレートの正しいサイズを使って、他の方法ラウンドを解決することができますが、私は手がかりどちらも全くありませんしたがって、寸法はすべきである。

誰かが私を助けてくれますか？ありがとう！

Answer 1

この

.index_quicklinks { 
    margin-top: 8vh; 
    display: flex; 
    align-items: center; 
} 

を試してみてください