如何在不改變img標籤的情況下適合div內的圖像？

我正在使用當前試圖在基於富文本的模板系統中實現此功能，其中用戶可以將圖像切換爲任何大小的另一個。如何在不改變img標籤的情況下適合div內的圖像？

系統只允許我內嵌樣式，使<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>

來源

2017-02-15 Rodrigo Gomes

你知道嗎，如果JavaScript的作品？ –

如果你不能放任何CSS，你將不得不有一個JS解決方案，內容改變後內聯風格。當圖像改變爲內嵌'max-width'和'max-height'樣式時，可能會觸發一個事件？ – romellem

謝謝你，但現在我認爲這是在以自己的方式好。我不確定它是否適用於JS，但似乎當我在模板中進行更改時，然後我複製代碼以粘貼到將發佈模板廣告的實際站點中（也適用於富文本輸入），更改會自動進行。

換句話說，我在模板系統中保存了<style></style>個元素，將其保存在發佈系統中，並避免對其進行任何更改。

我不知道該怎麼解釋這一點，爲什麼它的發生，但它的工作原理呢？

PS：這兩個網站將TinyMCE編輯代碼，因此它可能是尋找答案有用關於TinyMCE配置（如啓用標籤<style>）。當然，只有當你有管理員訪問它。我沒有。

來源

2017-02-18 11:20:46

如何在不改變img標籤的情況下適合div內的圖像？

回答

相關問題