Стилизируйте как ландшафтные, так и портретные изображения в начальной загрузке - PullRequest
Новая
       25

Стилизируйте как ландшафтные, так и портретные изображения в начальной загрузке

0 голосов
/ 11 сентября 2018

Я использую последний bootstrap.min.css через CDN.

Я использую ngCarousel (загрузочная карусель для угловых) и Angular 6.

Все работает нормально, но если я добавлю портретное изображение, то оно будет отображаться с полной высотой, оно не помещается и не центрируется в карусели.

Это CSS для изображения карусели. 

  ngb-carousel .carousel-item img{
      width: 100%;
      height: auto;
      vertical-align: middle;
  }

Я понятия не имею, как заставить работать с альбомными и портретными изображениями. Что-то вроде 

  width: auto;
  height: auto;    
  max-height:400px;  
  vertical-align: middle;

но это обрезает пейзаж и не центрирует портрет. Также вам нужно определить разные значения для max-height, в разных точках разрыва.

Есть идеи?

* Кстати, не должен ли Bootstrap автоматически обрабатывать такие случаи? Чего мне не хватает?

Спасибо

...