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

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

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

uxxi198549 回答:单个物品的ngx-owl-carousel案件,占据所有宽度

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

我试图在舞台上应用CSS

display:flex-inline

owl-itemswidth:auto

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

,

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

owl-carousel-o {
 ::ng-deep{
  .owl-stage{
    .owl-item{
      width: auto!important;
    }
  }
 }
}
本文链接:https://www.f2er.com/3042763.html

大家都在问