在屏幕上安装9个图片矩阵

时间:2013-01-29 16:59:59

标签: javascript html css

我想要在屏幕上显示9张图片,这样他们占用的空间最大,我没有滚动条。我想用3 * 3矩阵显示它们。 我不知道尺寸会是多少,但所有9尺寸都相同。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

我做了一个jsFiddle并决定把它作为一个答案。

将正文和html设置为height: 100%;

html, body {
    height: 100%;
}

并且有9个div,背景图像向左浮动,宽度和高度为33.3333%。

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

这就是它的全部内容!

演示:http://jsfiddle.net/D9WGv/