Tumblr photoset百分比宽度

时间:2012-10-07 23:00:12

标签: html css tumblr percentage

我正在创建一个4列Tumblr主题。每列宽度为25%,使用{PhotoURL-500}图像缩小或展开OK,无论窗口大小如何,问题都伴随着照片,它们是静态的并使列折叠。既然我没有使用像素,但有百分比,有一种方法可以让照片适合%列吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

使用以下内容替换主题HTML中的当前photoset块:

{block:Photoset}
<div class="photoset content">
    {block:Photos}
    {block:Photo1}{/block:Photo1} 
        <div class="photoset_div">
            <img src="{PhotoURL-500}" class="photo_img" />
        </div>                      
    {/block:Photos}
    {block:Caption}
    <div class="caption">{Caption}</div>
    {/block:Caption}
</div>
{/block:Photoset}

在样式表中,只需制作.photoset_div img {width:100%}

即可