自定义字段为空时隐藏 div

Question

当自定义字段为空时，我试图隐藏一个 div。当我不在“调色板”自定义字段中使用图像时，我希望它隐藏<div class="small-12 large-12 columns center">。提前致谢。

<div class="small-12 large-12 columns center">
  <?php 
    $image = get_field('palette');
      if( !empty($image) ): ?>
        <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
  <?php endif; ?>
</div>

div 上的类具有分配给它们的填充和边距，从而创建间距。何时将所有 div 一起删除，将删除解决问题的类。

Answer 1

你可以在整个 div 周围移动 if 语句，像这样：

    <?php 
    $image = get_field('palette');
    if( !empty($image) ): 
    ?>
        <div class="small-12 large-12 columns center">
               <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
        </div>
   <?php endif; ?>

Answer 2

如果你想隐藏 div，你应该这样做：

     <div class="small-12 large-12 columns center"
<?php 
$image = get_field('palette');
if (empty($image)){?>style="display:none"<?php } ?>
>
  <?php 
    $image = get_field('palette');
      if( !empty($image) ): ?>
        <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
  <?php endif; ?>
</div>