jquery - imagemapsterプラグインを使用して（動的にサイズ変更可能な）画像マップを中央に配置する方法

Question

JQueryプラグインのimagemapsterと、jsfiddlehttp : //jsfiddle.net/jamietre/jQG48の作成者の例のコードを使用しています。イメージマップのサイズを動的に変更できます。現在、イメージマップをページの水平方向の中央に配置しようとしていますが、機能させることができません。これまでに試したこと：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/。