动态创建的列高

Question

我正在动态创建列集合，如下所示：

  <div *ngFor="let col of colList">
    <corp-column [xs]="'12'" [sm]="'6'">
      <div class="tile tile-default">
        <div class="tile-heading">
          <strong  style="margin-right:5px">{{col.header}}</strong>
        </div>
        <hr style="margin-left: 20px; margin-right: 20px">
        <div class="tile-body">
          <div *ngFor="let b of col.body">
            <p>{{b}}</p>
          </div>
        </div>
      </div>
    </corp-column>
  </div>

但是，每列的高度可以变化。如下图所示：

https://s3.us-east-2.amazonaws.com/woohoo-stack/Capture.PNG

如何使每个“行”的高度与邻居的高度相同？

Answer 1

您可以使用.row-eq-height引导程序类，但是由于它使用的是flex box，因此必须考虑与浏览器的兼容性。

更多详细信息here