css - ngx-gallery 宽度和高度选项缺失

Question

我想知道，如何给 ngx-gallery ( https://github.com/MurhafSousli/ngx-gallery ) 一个新的高度。它有一个 500px 的固定值，改变父 div 的高度并没有改变任何东西。

我正在寻找这样的模板中的某些属性

<gallery
   [height] = '250px'>
</gallery>

Stackblitz：https ://stackblitz.com/edit/angular-osh1vu

后续问题：在 Stackblitz 中，行为是适合高度（关于黑色背景），而在我的应用程序中，它是适合宽度，因此黑色条纹在图像上方和下方。我怎么能改变这个呢？（这在旧版本上是可能的，但不再是有效属性）

或者

一些 css 代码（在开发工具中查看，滑动图像标记为 div.g-template.g-item-template），也无法覆盖：

div.g-template.g-item-template {
  height: 200px !important;
}

标签： cssangularngx-gallery

Answer 1

演示添加类到画廊元素

<div class="basic-container">
    <h2>Gallery component</h2>
    <gallery class="custom"
    [items]="items"
    [dots]=true
    [thumb]=false
    [loop]=false
    [playerInterval] = 5000
    [autoPlay]=true
    [loadingStrategy]=preload>
  </gallery>
</div>

在 CSS 更改中

.custom{
height:200px;
}