自定义字段为空时隐藏div

时间:2015-07-24 00:38:58

标签: html field hide

我在自定义字段为空时尝试隐藏div。当我不在&#34;调色板中使用图像时#34;自定义字段我希望它隐藏<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将删除解决问题的类。

2 个答案:

答案 0 :(得分:1)

你可以在整个div周围移动if语句,如下所示:

font1 := (TextFontReference toFont: 
                (StrikeFont familyName: 'Atlanta' size: 22)).
TextMorph  new contents: ('test' asText addAttribute: font1); 
color: Color blue; 
autoFit: true; 
borderColor: Color green; 
borderWidth: 2.

SimpleButtonMorph new target: self;
label: 'test1';
actionSelector: #test1click; 
basicBorderColor: Color green; 
basicBorderWidth: 2; 
highlightColor: Color green.

TextMorph  new contents: 'test2'; 
color: Color blue; 
autoFit: true; 
borderColor: Color green; 
borderWidth: 2; 
font:'Atlanta' / fontName: 'Atlanta' pointSize: 22 / fontName: 'Arial' size: 32.

答案 1 :(得分:0)

如果你想隐藏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>