如何將jquery maphilight對齊到中心？

Question

是的，我知道這個問題是多麼的愚蠢和愚蠢，但我一直在環顧四周，我無法找到如何對齊圖像，以便我可以將它放在中間for the excellent jquery maphilight，我發現後類=地圖「應用於圖像時，它會自動向左移動。

我可以找到任何選項來設置位置了。 請幫忙。 謝謝!!

Answer 1

它改變你的原因是插件繞IMG包裝div以包含canvas元素以及圖像。如果它會在所有的瀏覽器相同或相似的標記（我測試了在Safari和Firefox），那麼這應該做你想要什麼：

$('.map').maphighlight().parent().addClass('center-map'); 

將在類.center-map添加到動態創建父DIV。爲了讓居中工作，我必須在div上設置一個寬度，使其與圖像的寬度相同（否則會佔用盡可能多的水平空間，使其不能居中）。這裏是我測試時使用的css規則：

.center-map { 
    margin: 0 auto; 
    width: 420px; 
}