Можно ли центрировать изображение только путем установки класса в тег img
без побочных эффектов? Проблема заключается в следующем: у меня есть привязка вокруг изображения. Если я использую следующий CSS
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
И этот (урезанный) HTML:
<a href="/path/to/image.jpg" class="fancybox" rel="fancybox" title="System">
<img src="/path/to/image.jpg" title="System" class="aligncenter">
</a>
ссылка занимает всю ширину основного div. Это означает, что изображение не только доступно для клика - также пространство вокруг изображения (на самом деле вся ширина) доступно для кликов. Это через CSS display: block
.
Как центрировать изображение без использования родительского div? Я не хочу, чтобы вся область была нажата.
Фон:
Вы можете прочитать этот раздел. Речь идет о Wordpress и встроенном редакторе. Он автоматически генерирует класс aligncenter
на изображении (если пользователь нажал центральную кнопку). Мне нужно это для моей темы. По словам модераторов, это должно быть только вопросом CSS и не связано с изменением кода в Wordpress.