动态创建列高度

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 bootstrap类，但是你必须考虑到与浏览器的兼容性，因为它使用的是flex box。

更多细节here