单个物品的ngx-owl-carousel案件，占据所有宽度

Question

ngx-owl-carousel项目没有css属性以最大化宽度以实现响应性目标，我使用以下自定义选项

customOptions: OwlOptions = {
loop: true,
margin: 10,
navSpeed: 700,
responsive: {
  0: {
    items: 1
  },
  400: {
    items: 2
  },
  740: {
    items: 3
  },
  940: {
    items: 4
  }
}
};

示例是，当我只显示一个元素时，最后一个元素将占据所有父元素的宽度；是否可以告诉猫头鹰旋转木马考虑计算出的宽度？ 谢谢

Answer 1

是否可能有auto-width个猫头鹰物品 而舞台容器就是宽度的总和？

我试图在舞台上应用CSS

display:flex-inline

和

owl-itemswidth:auto

，但滑动不会随着猫头鹰物品的大小移动，因此会留出空白 在轮播的末端，我认为这是项目宽度减去的总和 舞台宽度。

Answer 2

啊！我在这里..所以我会回答我的问题^^' “ autoWidth：true”属性不起作用，因此我使用:: ng-deep在下面的owl-item类上应用了CSS；）

owl-carousel-o {
 ::ng-deep{
  .owl-stage{
    .owl-item{
      width: auto!important;
    }
  }
 }
}