相片集在Tumblr博客上损坏了？

Question

如果有人可以帮助我将我的照片集修复到我的Tumblr上，我将不胜感激。当我希望它们正确对齐时，它们只是一个堆叠在另一个之上。我已经花了数小时试图解决这个问题，但一直没有运气。

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

corsFilter

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

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

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

First Example

Second Example

Answer 1

一种解决方案可能是编辑照片集代码以呈现img标签而不是照片集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;
}

但是，这可能会使大图像变得太小而看不到细节，并且会为具有高度不同的照片的照片集留出空间（请参见下图）  ）