javascript - 适合屏幕上的 9 图片矩阵

标签 javascript html css

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

我该怎么做?

最佳答案

我制作了一个 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/

关于javascript - 适合屏幕上的 9 图片矩阵,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14588125/

相关文章:

css - 是否可以显示 CSS 文件中的文本?

javascript - 如何从 FullCalendar 中的事件获取弹出消息中事件的开始和结束时间?

html - 如何删除内联/内联 block 元素之间的空间?

css - 绝对 div 和 z-index

html - 删除第一项的伪类

javascript - 将 div 与顶部内联对齐

html - 如何在 block 元素旁边嵌入视频

javascript - 未定义的 AJAX Laravel 5.2 消息

javascript - 将数据发布到 Cordova 中的 REST 服务和内部服务器错误

javascript - 当变量是函数参数时,应用程序抛出变量引用错误