2

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

任何帮助/提示？谢谢

4

1 回答 1

3

解决方案 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/。

于 2012-12-15T20:51:49.610 回答