Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/159.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Tumblr照片集百分比宽度_Html_Css_Tumblr_Percentage - Fatal编程技术网

Html Tumblr照片集百分比宽度

Html Tumblr照片集百分比宽度,html,css,tumblr,percentage,Html,Css,Tumblr,Percentage,我正在创建一个4柱的Tumblr主题。每个列宽为25%,使用{PhotoURL-500}图像收缩或展开OK,而不管窗口大小,问题来自Photoset,它们是静态的,会使列折叠。因为我不是用像素,而是用百分比,所以有一种方法可以让Photoset适合%列? 谢谢 用以下内容替换主题HTML中当前的photoset块: {block:Photoset} <div class="photoset content"> {block:Photos} {block:Photo1}

我正在创建一个4柱的Tumblr主题。每个列宽为25%,使用{PhotoURL-500}图像收缩或展开OK,而不管窗口大小,问题来自Photoset,它们是静态的,会使列折叠。因为我不是用像素,而是用百分比,所以有一种方法可以让Photoset适合%列?
谢谢

用以下内容替换主题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%}