javascript - 9 つの pics マトリックスを画面に合わせる

Question

画面に表示したい 9 枚の写真があるので、それらは最大のスペースを占有し、スクロールバーはありません。それらを 3*3 マトリックスで表示したい。サイズはどうなるかわかりませんが、9個全て同じサイズになります。

どうすればいいですか？

score 1 · Accepted Answer

私はjsFiddleを作成し、とにかくそれを答えにすることにしました。

body と html をheight: 100%;

html, body {
    height: 100%;
}

背景画像を左にフロートさせた 9 つの div を、幅と高さ 33.3333% で配置します。

div {
    width: 33.3333%;
    height: 33.3333%;
    float: left;
}

それだけです。

1 に答える 1