如何解决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
而不是这样,这就是我想要的(虽然出于某种原因在页面上,哈哈)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。