如何在PHP

Question

我想要一个砌体，按照下面的图像，我想在左侧有2列，并且彼此之间分别位于下方2个街区和右侧4个街区。当我使用Jquery Masonry插件时，我设法离得很近-在网格HTML内，但是数字6一直低于数字3。我只尝试了HTML，Bootstrap容器和这些工具。问题始于我正在使用Wordpress并想通过从foreach()循环中检索内容来显示内容的事实。

这是PHP代码（我删除了多次HTML尝试）：

<?php foreach($homestory as $home) : ?>

    <? $story = get_post($home->ID); ?>

    <div class="block">
        <img src="an_image_pathe_here">
        <?php echo $story->post_title; ?>
    </div>

<?php endforeach ?>

Answer 1

您应该忘记使用foreach进行这种显示。

您应该使用这种语法填充您的视图

$homestory[0]->ID;

使用引导列系统或CSS Flex布局。

https://css-tricks.com/snippets/css/a-guide-to-flexbox/