Динамически создаваемые высоты столбцов

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 стек / Capture.PNG

Как я могу сделать так, чтобы каждая "строка" имела одинаковую высоту с соседом?

Answer 1

Вы можете использовать .row-eq-height класс начальной загрузки, но вы должны учитывать совместимость с браузером, поскольку он использует flex box.

подробнее здесь