力注入HTML的預覽DIV角UI

Question

來調整我在我的角度，UI模式視圖預覽功能，內線：

<div class="wrapper bg-white b-b ng-binding" ng-bind-html="item.content" style="overflow:auto"></div> 

我目前使用style="overflow:auto"允許滾動條時注入的HTML超大img或未包裝的文字。當然，這不是最好的解決方案。在注入的HTML中允許超大的img和unwrapped文本重新調整大小以適應父級div會是一種好的做法嗎？

Answer 1

• 通常情況下，如果div中的文本有很多單詞，它會被分成多行，所以不需要關心這個。但是，如果你的內容有一個長詞（如：「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa」），它會被包裹過多。因此，在這種情況下，您需要將word-wrap: break-word;添加到div。
• ，和圖片，你應該設置圖像的最大寬度爲100％，而高度爲自動。

所以我們有CSS最後是這樣的：

.wrapper { 
    word-wrap: break-word; 
} 

.wrapper img { 
    max-width: 100%; 
    height: auto; 
}