2011-09-14 21 views
2

我有一個圖像旋轉木馬,但圖像顯示在屏幕左側,除了它完美的作品。我曾嘗試把圖像內的風格與格:如何在sencha touch中居中轉盤圖像?

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是一個標準的標籤。

非常感謝任何幫助,我已經在另一個論壇上看到這個問題,但沒有答案,希望這裏的某個人可以對這個問題有所瞭解。

+0

你是什麼意思'imagearray是一個標準的標籤'? – ilija139

回答

2

要設置傳送帶內部的內部填充,請使用bodyPadding屬性或用div封裝圖像標記並設置該div的文本對齊:中心。

0

我所做的是指定一個名爲「carouselImage」的CSS類,它設置「background-position:center;」,然後我只是在視圖配置中通過'cls'屬性指定,或者通過setCls()方法指定要使用該CSS類的組件。

+0

讓我補充一點,如果你的旋轉木馬的子元素是x型「圖像」,並且使用mode:'image'配置,那麼這將不起作用。我做了這個改變之後,仍然在努力尋找解決方案。 –

相關問題