自定义字段为空时隐藏 div

Question

我试图在自定义字段为空时隐藏 div。当我不在 "palette" 自定义字段中使用图像时，我希望它隐藏 <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>

自定义字段为空时隐藏 div

Hide div when custom field is empty

html

field

hide