力注入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; 
}