我該如何居中此圖片，而不觸及HTML

任何人都可以告訴我如何將圖像縮略圖相對於大圖像居中？我該如何居中此圖片，而不觸及HTML

我只能編輯CSS，因爲我使用的是專用的車解決方案：http://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321711

此外，我可以編寫PHP - 但幾年後還沒有觸及Javascript ......是否有更好的購物車解決方案，可以輕鬆實現Wordpress？我發現越來越難以用ecwid購物車來定製這個WordPress站點的設計。

謝謝你的幫助！

2011-07-20 Alex Waters

呼！這是一些醜陋的HTML！ – Duopixel

大聲笑是的，我必須與ecwid車一起工作 - 並完全放棄了使代碼清潔...... 更不用說，主題和wordpress也發揮了作用！ –

div.ecwid-productBrowser-details-GalleryPanel-imageContainer需要集中在div.ecwid-productBrowser-details-GalleryPanel之內。它當前設置爲float: left，刪除和添加：

margin-left: auto; 
margin-right: auto;

這的確在Chrome的開發工具的伎倆。我很喜歡Enstore，但它不是Wordpress。但是，是的，這車插件有真難看的HTML ...

來源

2011-07-20 03:39:06 nren

enstore是完全開源的嗎？我必須付費才能解鎖常見功能嗎？我一直在使用PHP自己的商店應用程序，但它不會完成幾個月 –

這工作，但現在http://cailinshea.com/#ecwid:category=1200474&mode=product&product=4321698垂直顯示圖像（當超過1個縮略圖時） –

不，它是專有的，但現在可以免費試用。我喜歡它的整潔外觀。但如果你可以自己寫，你可以這樣做，而不是給別人錢。 – nren

以下應該工作：

#ecwid_body div.ecwid-productBrowser-details-GalleryPanel-imageContainer{ 
    margin:0 auto !important; 
    float:none !important; 
} 

.ecwid-productBrowser-details-GalleryPanel > div:first-child{ 
    margin:0 auto !important; 
}

來源

2011-07-20 03:43:07 Tarun

似乎沒有這樣做 –

我該如何居中此圖片，而不觸及HTML

回答

相關問題