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, 

}）

アイテムは、例えば項目がimagearrayは、標準タグである

new Ext.Panel({ html: imagearray }) 

で、動的カルーセルに追加されます。

私はこの問題について何か助けてくれてありがとうございます。私はこの問題を答えなしの別のフォーラムで見たことがあります。

Answer 1

カルーセル本体の内側にパディングを設定するには、bodyPaddingプロパティを使用するか、画像タグをdivで囲み、そのdivのtext-align：centerを設定します。

Answer 2

"carouselImage"というCSSクラスを指定して、 "background-position：center;"を設定してから、ビュー設定で 'cls'属性を指定するか、setCls（）メソッドで指定しますコンポーネントはそのCSSクラスを使用します。