具有边框的组图像 - 角度

Question

我正试图用边框对一些img进行分组。 如下图所示，BNN＆amp; CP24是组合通道，我使用div元素来创建该边框。我在这里唯一的问题是当我使用div元素时它改变了组合通道的大小。在这里BNN＆amp; CP24组合频道比单个频道略高。我没有任何附加到div元素的CSS。使用下面的div元素编写代码。

        <div *ngIf="channel.compChannel[0].compChannelLogo.length !== 0; else noCompChannel">
          <img class="img-rounded" src="{{ channel.logo }}" alt="{{ channel.channel }}" width="100" height="100">
          <img class="img-rounded" src="{{ channel.compChannel[0].compChannelLogo }}" alt="{{ channel.compChannel[0].compChannelName }}"
            width="100" height="100">
        </div>
          <div #noCompChannel>
            <img class="img-rounded" src="{{ channel.logo }}" alt="{{ channel.channel }}" width="100" height="100">
          </div>    

但是当我使用ng-container时，我得到了实际大小，但我无法在组合通道上创建边框。代码与ng-container下面。

<ng-container *ngIf="channel.compChannel[0].compChannelLogo.length !== 0; else noCompChannel">
                  <img class="img-rounded" src="{{ channel.logo }}" alt="{{ channel.channel }}" width="100" height="100">
                  <img class="img-rounded" src="{{ channel.compChannel[0].compChannelLogo }}" alt="{{ channel.compChannel[0].compChannelName }}"
                    width="100" height="100">
                </ng-container>
                  <ng-template #noCompChannel>
                    <img class="img-rounded" src="{{ channel.logo }}" alt="{{ channel.channel }}" width="100" height="100">
                  </ng-template>