tumblr 博客上的照片集无法正确格式化

问题描述

我正在尝试编辑 tumblr 博客上的代码，因为我发布的照片​​与邮箱的轮廓无关。当我发布多张照片时，它们会水平堆叠，而不是水平排列成三行，这就是我在应用中排列它们的方式。

我更改了邮箱宽度，但即使它更小，照片也无法正确格式化 - 但是当我将它们加宽时，赞和转发按钮并没有随之移动。

我已经把我认为可能是相关部分的代码（如果不是，我很抱歉）看看是否有任何可以轻松更改的内容。我的博客是 www.killerwhales.tumblr.com 所以你可以看到它是如何显示的

非常感谢您的帮助！

    {block:Photo}
<div class="photo">
    <img {block:If500pxPosts}src="{PhotoURL-500}" data-original="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}"{/block:If500pxPosts}{block:If400pxPosts}src="{PhotoURL-400}" data-original="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}"{/block:If400pxPosts}{block:If250pxPosts}src="{PhotoURL-250}" data-original="{PhotoURL-250}" width="{PhotoWidth-250}" height="{PhotoHeight-250}"{/block:If250pxPosts} alt="{PhotoAlt}">
    {block:IfShowCaptions}
            {block:Caption}
            {Caption}
            {/block:Caption}
            {/block:IfShowCaptions}
            {block:IfNotShowCaptions}
            {block:PermalinkPage}
            {block:Caption}
            {Caption}
            {/block:Caption}
            {/block:PermalinkPage}
            {/block:IfNotShowCaptions}
</div>
{/block:Photo}

{block:Photoset}
<div class="photoset">
    {block:If500pxPosts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div></div>{/block:Photos}</div>{/block:If500pxPosts}
    {block:If400pxPosts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div></div>{/block:Photos}</div>{/block:If400pxPosts}
    {block:If250pxPosts}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-250}" width="{PhotoWidth-250}" height="{PhotoHeight-250}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div></div>{/block:Photos}</div>{/block:If250pxPosts}
    {block:IfShowCaptions}
            {block:Caption}
            {Caption}
            {/block:Caption}
            {/block:IfShowCaptions}
            {block:IfNotShowCaptions}
            {block:PermalinkPage}
            {block:Caption}
            {Caption}
            {/block:Caption}
            {/block:PermalinkPage}
    {/block:IfNotShowCaptions}
</div>
{/block:Photoset}

编辑：我将代码更改为：

{block:Photoset}
<center>
{block:Photos}
{block:indexpage}<a href="{permalink}"><img src="{PhotoURL-500}" width="695px" /></a>{/block:indexpage}
{block:permalinkpage}<img src="{PhotoURL-500}" />{/block:permalinkpage}
{/block:Photos}
</center>
{/block:Photoset}

现在图像是这样显示的 wrong photo

而不是这样，这就是我想要的（虽然出于某种原因在页面上，哈哈）

right photo

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）