Как выровнять jquery maphilight по центру?

Question

да, я знаю, насколько глупым и глупым является этот вопрос, но я смотрю вокруг и не могу найти, как выровнять изображение, чтобы расположить его посередине для превосходного jquery maphilight то, что я нашел, это после того, как class = "map" будет применено к изображению, оно автоматически сместится влево.

Я могу найти любые варианты, чтобы установить позицию тоже. Пожалуйста помоги. Спасибо!!

Answer 1

Причина, по которой он меняется, заключается в том, что плагин оборачивает div вокруг IMG, чтобы содержать элемент canvas, а также изображение. Если он создает одинаковую или похожую разметку во всех браузерах (я проверял это в Safari и Firefox), то это должно делать то, что вы хотите:

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

Это добавит класс .center-map к родительскому div, который был динамически создан. Чтобы заставить центрирование работать, я должен был установить ширину на div, равную ширине с изображением (в противном случае он занимает столько горизонтального пространства, сколько может, не давая центрироваться). Вот мои правила CSS, которые я использовал при тестировании:

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