仅在填充内容时显示父级 div

Display parent div only if populated with content

有没有办法只显示父级(包装),如果它实际上已经填充了内容?

我问的原因是在 Wordpress 中我使用高级自定义字段在网站主页上创建额外的文本区域。内容添加到页面里面的div,像这样:

<section class="band">
    <div class="wrap">

        <?php the_field('services'); ?>

    </div>
</section>

如果该字段留空,显然周围的标记会保留在页面上,并且由于 margin/padding 他们在其上设置,它会在页面上留下一个大的空白条纹。

我对 Wordpress 知之甚少(通常 PHP),我想这一定是可能的吧?我玩过 if/else 语句,但没有运气。

任何人都可以对此提出建议吗?

你可以这样做:

<?php if( get_field('services') ) : ?>
    <section class="band">
        <div class="wrap">

            <?php the_field('services'); ?>

        </div>
    </section>
<?php endif; ?>