tumblr 主题，照片集适合整个屏幕答案

【问题标题】：tumblr theme, with photosets fitting whole screentumblr 主题，照片集适合整个屏幕
【发布时间】：2014-07-26 10:22:13
【问题描述】：

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

你好。

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

不幸的是，结果比我想象的要难。

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

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

【问题讨论】：

您如何显示这些照片集？在其中一个网格上？还是两边都有图像？我假设是前者，我需要先确定一下，然后才能找出问题所在。
在设置照片集中的图像样式时，尝试width: [yoursize] !important; 这应该会覆盖任何其他样式。也看看这个：stackoverflow.com/a/13060492/1888402
这样 - atnightwerise.tumblr.com

标签： html css tumblr

【解决方案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

【讨论】：