html - tumblr 主题，照片集适合整个屏幕

Question

tldr:我想创建简单的主题，基于只有图片的 2 列，填满整个屏幕，就像这样 - http://half-way.precrafted.com/

你好。

我昨天开始学习 html/css，因为我想创建适合我需要的相当简单的主题。

然而，不幸的是，事实证明它比我想象的要难。

我只发布图片，没有任何标题或标签。我想要的只是基于 2 个网格的主题，其中整个屏幕都被图片占据(顶部的标题除外)。这是我想要的最好的，几乎是准确的例子 - http://half-way.precrafted.com/

但是，问题在于 tumblr 允许最大宽度为 700px 的照片集。这可能会被 javascript 覆盖 - 我发现了这样的脚本，但它使用固定值，所以它不会真正适合任何屏幕 - 只是我的。

Answer 1

将 photosetrow 类设置为:

<div class="photoset_row photoset_row_2">

这个的CSS:

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;
}

我真的从查看您发布的那个页面的源代码中提取了那个 CSS。

似乎最重要的是photoset_row_2