html - 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
  }
}
};

问题是，如果我只有一个元素要显示，最后一个元素将占用所有父宽度；是否可以选择告诉 owl-carousel 考虑计算出的宽度？谢谢

标签： htmlcssangularowl-carouselowl-carousel-2

Answer 1

啊！我在这里..所以我会回答我的问题 ^^''autoWidth:true' 属性不起作用，所以我使用 ::ng-deep 在 owl-item 类上应用 css，如下所示；）

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