无法停止使用 flexbox 拉伸元素

Question

我想在 WordPress 网站中使用高级自定义字段在 3 列中显示推文，如下图所示

但问题是每 3 条推文都在拉伸，只要它们中最高的推文看起来很糟糕

这就是我用来显示这些推文的代码

    <?php 
if ( is_admin() ) :
    simple_block( 'Twitter Showcase', null, '#824790' );
else : ?>
    <div class="block" data-block-type="twitter-showcase">
        <div class="container">
            <div class="row align-items-start">
                <?php
                    $count = count(get_field('tweets'));
                    while ( $count) : the_row();
                    $tweet = get_sub_field( 'tweet' );
                ?>
                <div class="col-4 mb-32">
                        <?php echo $count; ?>
                        <?php echo $tweet; ?>
                </div>
                <?php endwhile; ?>
            </div>
        </div>
    </div>
<?php endif;

我有一个解决这个问题的想法，或者如何通过 id 获取一行，这样我就可以制作三列并在这三列之间按顺序循环抛出推文

Answer 1

我看不出问题是什么。你能描述得更清楚吗？副手，听起来你需要使用 flexbox 或 grid。

Answer 2

我用 CSS 属性 column-count

实现了

无法停止使用 flexbox 拉伸元素

can't stop stretching of the elements using flexbox

css

wordpress

flexbox

twitter-bootstrap

advanced-custom-fields