javascript - 如何在 div 或 iframe 或 span 中显示完整的 html 内容

Question

我在变量中有一个 html 内容，例如

var content='<p>long content.....</p><p>long content......</p><img src="abc.jpg" />'

如何在没有滚动条的小 div 或 span 或 iframe 内完全显示此内容。

我想显示内容的预览。

使用 iframe 时会显示滚动条。

任何解决方案或解决方法都可以在小 div 或 iframe 中显示整个内容。提前致谢。

score 1 · Accepted Answer

您可以使用 CSS 在 div 中显示预览。为此提及 50% 的比例（或任何适合您的值）

transform :scale(0.5); // For Mozilla, Chrome etc

对于 IE，您可以使用 ZOOM 属性。

<body style="zoom: 50%">
   CONTENT HERE
</body>

另一种选择是使用zoomooz.js

score 0 · Accepted Answer

我假设一个小 div 类似于大小为 500 x 500px 的 div。所以无论如何，只要你的内容大于那个大小，它就会有一个滚动条。没有滚动条就不可能显示全部内容。顺便说一句，你的问题应该更清楚一点 - 在一个地方你说preview，然后你说整个内容。

无论如何，为了获得合适的预览，您可以估计（或“试错式”估计）您的内容中有多少字符适合该小预览 div。如果你有 5000 个字符，你可以裁剪你的内容，比如：

var cropped_content = content.substring(0, 5000);

small_preview_div.innerHtml = cropped_content;

2 回答 2