根据PHP条件将类应用于两个元素

编程问答 2022-06-22

问题描述

我使用PHP并根据来自后端的数据创建各种div.form-group。像这样：

<div class="row">
 <?PHP foreach($fields as $r){ ?>
  <div class="form-group col-md-6 <?PHP if($r->description) echo 'desc-fix' ?>">
        <label class="label-heading"><?PHP echo $r->title ?></label>
        <input type="text" class="form-control" name="field_id_<?=$r->ID?>">
        <span class="help-block"><?=$r->description?></span>
  </div>
 <?PHP } ?>
</div>

通常看起来像这样

enter image description here

有些字段有描述，有些则没有。对于那些拥有的对象，我想应用min-height：140px，这与类desc-fix相同。问题是，div.desc-fix下面的div.form-group切换了位置。如下所示，其中一个字段切换了列。

enter image description here

作为修复，我将desc-fix更改为这样

.desc-fix + div { min-height: 140px; }

这使得下一个div也将具有min-height：140px，但如果div.desc-fix在右侧列中，则左下角的元素也将具有min-height：140px。因此，显然这不能解决任何问题。

基本上我想将min-height：140px应用于符合以下条件的字段：

  • 有描述
  • 同一行中的元素也应始终始终具有min-height：140px
  • 下一行中的元素不得受到影响

我不知道如何应用此规则

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）