Question

tldr：我想创建一个简单的主题，基于2列只有图片，填满整个屏幕，如下所示 - http://half-way.precrafted.com/

您好。

昨天我开始学习html / css，因为我想创建一个非常简单的主题，以满足我的需求。

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

我只张贴图片，没有任何字幕或标签。我想要的只是基于2个网格的主题，整个屏幕占用了图片（顶部除了标题）。这是我想要的最好的，几乎完全正确的例子 - http://half-way.precrafted.com/

然而，问题是tumblr允许最大宽度为700px的photoset。这可以用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

tumblr主题，适合整个屏幕的照片

1 个答案: