如何使用imagemapster插件居中（动态调整大小）图像映射

Question

我正在使用JQuery-plugin imagemapster以及来自jsfiddle http://jsfiddle.net/jamietre/jQG48的作者示例中的代码我能够动态调整我的imagemap。现在我想在我的页面上水平居中我的imagemap，但我不能让它工作。 到目前为止我尝试过：将CSS样式margin-left:auto和margin-right:auto添加到我的图片代码中。

任何帮助/提示？感谢

Answer 1

解决方案0

我能够更新imagemapster作者的示例并获得所需的结果。

<强> CSS

#mapster_wrap_0 {
    margin: 0 auto;
}

示例：http://jsfiddle.net/jQG48/399/。

​mapster_wrap_0看起来是自动生成的，因此可能有更简洁的方法来完成此居中。

解决方案1 ​​

在地图周围创建包装器div似乎也可以正常工作。

<div id="MapWrapper" style="margin:auto; width:75%;">
    <img src="https://github.com/jamietre/ImageMapster/raw/master/examples/images/usa_map_720.png" 
usemap="#usa">
</div>

示例：http://jsfiddle.net/jQG48/400/。