Tumblr 博客上的照片集损坏了？

Question

如果有人能帮我修复 Tumblr 上的照片集，我将不胜感激。当我希望它们正确对齐时，它们只是将它们堆叠在一起。我已经在互联网上搜索了几个小时试图解决这个问题，但我没有运气。

这是我的 Photoset 代码 - 任何帮助将不胜感激！

{block:Photoset}
{block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
{block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

这是我目前使用的主题： https://docs.google.com/file/d/0B2XVyxFzut4zRDFFWVctSzlNb3M/preview

这是我展示上述主题的博客： https://chelengks.tumblr.com/

以下是我正在寻找的几个示例：

First Example

Second Example

Answer 1

一种解决方案可能是编辑 photoset 代码以呈现 img 标签而不是 photoset iframe 模块，然后使用小于条目宽度一半的最大宽度设置它们的样式，以便它们环绕。像这样的：

{block:Photoset}
{block:Photos}
        <img src="{PhotoURL-500}" class="photoset-img" />
    {/block:Photos}
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

还有这个 CSS：

.photoset-img {
    width: 190px;
}

但是，这可能会使大图像变得太小而无法查看细节，并且会为带有可变高度照片的照片集留出空间（见下图） )