Как авторезайзить колонки по высоте относительно друг друга
Первое правильное состояние:
Второе состояние:
Нужно, чтобы при втором состоянии текст в колонке посередине показывался полностью и чтобы высота колонок подстраивалась под высоту наибольшего столбца.
.container {
display: flex;
border: solid 1px black;
height: 300px;
}
.item {
width: 200px;
margin-right: 10px;
word-break: break-word;
}
.cropline {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
text-align: left;
}<div class="container">
<div>
<div class="item">column1column1</div>
</div>
<div>
<div class="item cropline">longtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtext</div>
</div>
<div>
<div class="item">column2</div>
</div>
</div>