如何在sencha touch中居中传送旋转木马图像？

Question

我有一个带图像的旋转木马，但图像显示在屏幕左侧，除了它完美无缺。我尝试将图像放在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是标准标签。

非常感谢你对此有任何帮助，我在另一个没有回答的论坛上看到了这个问题，希望这里有人可以对这个问题有所了解。

Answer 1

要在轮播体内设置填充，请使用bodyPadding属性或使用div包装图像标记，并为该div设置text-align：center。

Answer 2

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