#css #angular #layout #angular-material #angular-material2
#css #угловой #макет #angular-материал #angular-material2
Вопрос:
Я использую mat-grid-list
. И каждый из них mat-grid-tile
содержит a mat-card
, который имеет разделы заголовка, изображения, содержимого и действия.
Когда используется большое изображение as mat-card-image
, оно увеличивает размер mat-card
и приводит к переполнению контейнера его родительского mat-grid-tile
элемента .
Как я могу сделать mat-card
так, чтобы контейнер никогда не переполнялся mat-grid-tile
, даже если в его теге используется большое изображение mat-card-image
?
Stackblitz: макет демонстрации Stackblitz
Комментарии:
1. можете ли вы поделиться стеком для этого?
2. Конечно. Вот так: moybqenxvmnr.angular.stackblitz.io
3. здесь не используется мат-сетка … это демонстрационный стекблитц из мат-карты
4. Работает ли это? stackblitz.com/edit/angular-oesrxh