Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html tumblr主题,带有适合整个屏幕的照片集_Html_Css_Tumblr - Fatal编程技术网

Html tumblr主题,带有适合整个屏幕的照片集

Html tumblr主题,带有适合整个屏幕的照片集,html,css,tumblr,Html,Css,Tumblr,tldr:我想创建一个简单的主题,基于两列图片,填充整个屏幕,如下图- 你好 我昨天开始学习html/css,因为我想创建一个非常简单的主题来满足我的需要 然而,不幸的是,结果比我想象的要难 我只发布图片,没有任何标题或标签。我想要的是基于两个网格的主题,整个屏幕都被图片占据,除了顶部的标题。这是我想要的最好的,几乎完全正确的例子- 然而,问题是tumblr允许photoset的最大宽度为700px。这可能会被javascript覆盖-我发现了这样的脚本,但它使用固定值,因此它不会真正适合任何屏

tldr:我想创建一个简单的主题,基于两列图片,填充整个屏幕,如下图-

你好

我昨天开始学习html/css,因为我想创建一个非常简单的主题来满足我的需要

然而,不幸的是,结果比我想象的要难

我只发布图片,没有任何标题或标签。我想要的是基于两个网格的主题,整个屏幕都被图片占据,除了顶部的标题。这是我想要的最好的,几乎完全正确的例子-


然而,问题是tumblr允许photoset的最大宽度为700px。这可能会被javascript覆盖-我发现了这样的脚本,但它使用固定值,因此它不会真正适合任何屏幕-只有我的屏幕。

将Photostrow类设置为:

<div class="photoset_row photoset_row_2">
我从你发布的页面的源代码中提取了CSS


看起来最重要的是photoset_row_2

您如何显示这些photoset?在其中一个网格上?还是两边各有一个图像?我假设是前者,我只需要确定一下,然后才能找出问题所在。在设计照片集内图像的样式时,请尝试宽度:[yoursize]!重要的这将覆盖任何其他样式。再看看这个,像这样-
width: 400px;
white-space: nowrap;
overflow: hidden;
margin-top: 10px;

.photoset .photoset_row .photoset_photo:first-child {
margin-left: 0 !important;
}
.photoset .photoset_row .photoset_photo {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}