Задать максимальную высоту элементу в строке?

Question

[buritoz]

Приветствую!
А подскажите как задать элементу высоту - равную максимальной высоте данного элемента в строке?

К примеру есть такой код
https://codepen.io/anon/pen/jXXMgz
Хочу чтобы у элемента .name задавалось значение height равное максимальной в данном row.

В js не бум-бум :( заранее большое спасибо за помощь! :)

Answer 1

[Сергей Горячев]

.col-md-3 {
  display: flex;
}
.element {
  border: 1px solid #333;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

Answer 2

[Виталий Киренков]

Сделайте на флексе и будет вам счастье. Или на таблицах сверстайте, если флекс не осилите.

Но если прям очень хочется js, то - https://codepen.io/vitaliy_kirenkov/pen/VqqmWm

Comments

[Сергей Горячев]

Подозреваю, что автору нужен .name, а не .element )

[buritoz]

спасибо! а так чтобы учитывалась высота только по родительскому row, а не всему документу реально?

[Виталий Киренков]

buritoz, Так в js и считается высота элементов в рамках строки и выставляется максимальная высота. На флексе будет то же самое.

[Сергей Горячев]

Виталий Киренков, не согласен.
Флексы - https://jsfiddle.net/c0v3dsmg/ - берет высоту именно в строке.
JS - https://jsfiddle.net/c0v3dsmg/1/ берет высоту не в строке, а по всем элементам на странице.
Хотя возможно, есть решение на JS, но для меня не на поверхности.