Tumblr CSS定位

Tumblr CSS定位,css,Css,我正在制作一个两列的Tumblr主题,我需要修复这个奇怪的CSS定位问题。如果您查看提供的图片,您可以看到第一列中的两张图片之间存在间隙。当一张图片小于最大宽度时,就会发生这种情况。我猜它的剩余宽度都是用空白填充的。我怎样才能修好它 代码: 图片: jsFiddle: 试试这个: 1.将内容分成两列,如下所示: <div class="column"> <!-- articles --> </div> <div class

我正在制作一个两列的Tumblr主题,我需要修复这个奇怪的CSS定位问题。如果您查看提供的图片,您可以看到第一列中的两张图片之间存在间隙。当一张图片小于
最大宽度时,就会发生这种情况。我猜它的剩余宽度都是用空白填充的。我怎样才能修好它

代码:

图片:

jsFiddle: 试试这个:

1.将内容分成两列,如下所示:

<div class="column">
            <!-- articles -->
</div>


<div class="column">
            <!-- articles -->
</div>

将代码放入我们的实验中,在诊断问题时更容易使用一些东西。因此,问题是您的图片实际上不是两列,而是一行。图片1在左上角,图片2在右上角,图片3在图片1的下方,等等。我现在了解得更多了,但问题是图像没有硬编码。使用Tumblr使图像位于这些块中
{block:Posts}{block:Photo}{/block:Photo}{/block:Posts}
@user3693206,您无法控制接收到的数据的各个部分?@user3693206获取Posts的函数是否返回JSON字符串?因为在这种情况下,您可以将其拆分并将每一半附加到每列。
.column {
    display:inline-block;
    vertical-align:top;
}