tumblr-themes - 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/

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

第一个例子

第二个例子

Answer 1

One solution may be to edit the photoset code to render img tags instead of the photoset iframe module and then style them with a max width smaller than half of the entry width so that they wrap. Something like this:

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

And this CSS:

.photoset-img {
    width: 190px;
}

However this may render large images too small to see detail, and will leave spaces for photosets with photos of variable heights (see image below) )