如何将jquery maphilight与中心对齐？

Question

是的，我知道这个问题多么愚蠢和愚蠢，但我一直在四处寻找，我找不到如何对齐图像，以便我可以将它放在中间for the excellent jquery maphilight，我发现的是在将class =“map”应用于图像后，它将自动向左移动。

我也可以找到任何设置位置的选项。 请帮忙。 谢谢！！

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;
}