如何将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; 
}