如何将 jquery maphilight 居中对齐？

Question

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

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

Answer 1

它改变的原因是插件将divIMG 包裹起来以包含canvas元素和图像。如果它在所有浏览器中创建相同或相似的标记（我在 Safari 和 Firefox 中测试了这一点），那么这应该可以满足您的要求：

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

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

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