我有一个使用 Owl Carousel 和 Photoswipe 的 jQuery Mobile 格式的网页，在移动尺寸上查看时给我带来了麻烦。问题是，当在纵向尺寸的手机 (iPhone 5) 上查看时，显示的图像偏离了中心。我注意到有 Javascript 将内联样式应用于 .owl-carousel.owl-theme 类的 ul，它将显示设置为阻塞。如果我在使用 Chrome 中的开发人员工具调试移动 View 中的页面时将其切换为内联，则一张图像正确居中。如果我尝试将其硬编码到 CSS 中，那么所有图像都会堆叠在一起，您只能单击一张图像(这是不正确的行为，因为轮播/画廊中有三张图像)。
有谁知道我的问题是什么，以及如何解决它，以便如果从移动设备上以纵向方式查看(当仅显示一个轮播图像时)图像在页面上正确居中？我还有其他带有类似 CSS 的轮播页面(虽然不是 jQuery Mobile)，当在移动设备上查看时，行为是正确的，所以我很困惑!感谢您提供的任何帮助!
最佳答案
试试这个 CSS
CSS
ul.owl-carousel{
padding:0;
text-align:center;
}
希望这对您有帮助..
关于javascript - Owl Carousel 居中移动布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45051718/