Имеется табличный блок, внутри которого заполняются данные с БД.
Как мне сделать так, чтобы в каждой строке данные заполнялись по 2 колонки одинковой высоты, то есть если соседний блок больше по высоте, другой под него подстраивался?
Вот как на картинке:
Я знаю что добиться такого результата можно с помощью display: table
и display: table-cell
и на основе этого прописал следующие свойства:
.content-table {
display: table;
width: 100%;
}
.content-table-cell {
display: table-cell;
width: 50%;
vertical-aling: top;
}
Но как я понял это не правильно, так как он генерирует всё в одной строке..
Как решить данную проблему? Надо по 2 блока каждой строке и желательно одинаковой высоты, так как использование
col-md-6
у бутстрапа высота блоков различается и контент может перепрыгивать с места на место...