Как разместить изображение внутри div без изменения тега img?

Question

Я использую в настоящее время попытку добиться этого в богатой текстовой системе шаблонов, в которой пользователь может переключать изображение на другой любого размера.

Система только позволяет мне стиль рядного, так что <img src="path/image.jpg" style="max-width: 100%; max-height: 100%;" > отлично работает до тех пор, пока пользователь не переключить изображение на другой, удаляя предыдущий стиль, заменив новый <img> со своей шириной и высотой.

Я уже пробовал использовать <style></style> и <style type="text/css"></style> и <link>, но система игнорирует его.

Могу ли я решить эту встроенную строку без, изменяя метку img? Это код, как сегодня:

<div style="float: left; text-align: center; display:inline-block; margin: 0 auto; width:450px;height:450px;"> 
<img src="http://i.imgur.com/cnI4YIs.png" width="450px" height="450px" alt="" /> 
</div> 

Answer 1

Спасибо, но теперь я думаю, что это хорошо по-своему. Я не уверен, что он работает с JS, но кажется, что когда я вношу изменения внутри шаблона, а затем копирую код для вставки на фактический сайт, который будет публиковать объявление шаблона (что также работает с богатым текстом ввод), изменения автоматически встраиваются.

Другими словами, я сохраняю <style></style> элементов в системе шаблонов, сохраняю их в системе публикации и не вношу никаких изменений.

Я не знаю, как объяснить это, и почему это происходит, но это работает так или иначе ...

PS: оба сайта используют TinyMCE для редактирования кода, так что это может быть полезно, чтобы искать ответы о конфигурации TinyMCE (например, включение тега <style>). Конечно, только если у вас есть доступ администратора к нему. Я этого не сделал.