развернуть все div height, когда содержимое одного div увеличивается

Question

У меня есть код, который перебирает множество объектов и заполняет их детали привязкой тега внутри div. Некоторые детали могут содержать длинное описание. Я хочу увеличить высоту всех якорных тегов.

<div class="col-xs-6 col-md-3 offer-item-button" ng-repeat="offer in activeOffers"> 
    <a href="#/products" class="thumbnail" ng-click="onLocalOfferClick(offer,store)"> 
     <h5 class="text-right">#{{offer.SlotId}}</h5> 
     <h4 class="text-bold">{{offer.ProductName}}</h4> 
     <h5 class="text-bold">$ {{offer.ProductPrice | number:2}}</h5> 
     <h6 >{{offer.Description}}</h6> 
    </a> 
</div> 

JS Fiddler

Если какой-либо элемент имеет длинное описание его нужно увеличить высоту, чтобы соответствовать все содержимое. также другие divs должны получить ту же высоту

Как я могу решить эту проблему?

Answer 1

Вы можете использовать его в теге.

height:100%; 

box-sizing:border-box;

Answer 2

для ДИВ добавить CSS свойство:

ширина: 500px; (ширина по вашему выбору)

И для каждого элемента в теге привязки добавить CSS свойство :

ширина: 100%; слово-обертка: слово-слово;