jquery - 如何将 jquery maphilight 对齐到中心？

Question

是的，我知道这个问题是多么愚蠢和愚蠢，但我一直在环顾四周，我找不到如何对齐图像，以便我可以将它定位在中间以获得出色的 jquery maphilight，我发现是在课后="map" 应用于图像，它会自动向左移动。

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

Answer 1

它改变你的原因是插件div在 IMG 周围包裹了 a 以包含canvas元素和图像。如果它在所有浏览器中创建相同或相似的标记（我在 Safari 和 Firefox 中对此进行了测试），那么这应该可以满足您的要求：

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

这会将类添加.center-map到动态创建的父 div 中。为了使居中工作，我必须将 div 上的宽度设置为与图像相同的宽度（否则它会占用尽可能多的水平空间，使其无法居中）。这是我在测试时使用的 css 规则：

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