Sencha touch 如何在sencha touch中居中旋转图像？

我有一个带图像的旋转木马，但是图像显示在屏幕的左侧，除了它工作得很完美之外。我尝试过将图像放在具有以下样式的div中：

margin:0 auto, width: 300px;

但这不起作用。我还尝试过其他各种方法，比如玩不同的课程：

   .x-body x-carousel-item{
margin:0 auto; width: 264px;

}

但它从来都不完全正确

new Ext.Carousel({
items: [
],
height:200,
dockedItems: [myapp.toolbars.vehicleInfoToolbar],
indicator: false,

})

项目将动态添加到旋转木马，例如

new Ext.Panel({ html: imagearray })

其中imagearray是标准标记

---

非常感谢你在这方面的帮助，我在另一个论坛上看到了这个问题，没有答案，希望这里有人能对此有所了解。

要设置旋转木马主体内的填充，请使用bodyPadding属性或使用div包装图像标记，并为该div设置文本align:center。

我所做的是指定一个名为“carouselImage”的CSS类，该类设置“background position:center；”，然后我只是在视图配置中通过'cls'属性指定，或者通过setCls（）方法指定组件使用该CSS类。

什么是“imagearray是标准标记”？让我补充一点，如果您的旋转木马的子元素是x类型的“image”，并且使用模式：“image”配置，那么这将不起作用。在我做了这个改变之后，我仍然在寻找一个解决中心问题的方法。