Owl Carousel自动宽度，保证金不起作用

Question

我的所有图像都有一个固定的高度，并且需要在屏幕宽度变小时按比例保持图像。

#owl-demo .item img {
  display: block;
  width: auto;
  height: 300px
}

这个工作正常，直到我需要在图像之间放置一个边距。

#owl-demo .item {
   margin:0 10px 0 10px;
}

保证金不会显示，图像仍然并排显示。如果我放margin

，width: 100%会显示

#owl-demo .item img {
  display: block;
  width: 100%;
  height: 300px
}

但随后图像不再成比例。

我尝试使用Owl自己的演示，情况就是如此。如果您检查其中一个图像并使用width: auto将其更改为顶部的代码，您将看到边距不再有效。您还需要从引导程序中删除max-width: 100%标记中的img。

http://owlgraphic.com/owlcarousel/demos/images.html

Answer 1

看起来你正在使用版本1.3.X

尝试升级到版本2，你会没事的。