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