Question

我在变量中有html内容，如

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

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

我想展示内容的预览。

使用iframe时会显示滚动条。

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

Answer 1

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

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

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

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

另一种选择是使用 zoomooz.js

Answer 2

我假设一个小div就像一个大小为500 x 500px的div。所以无论如何，只要你的内容大于那个大小，它就会有一个滚动条。如果没有滚动条，则无法显示整个内容。顺便说一下，你的问题应该更清楚一点 - 在一个地方你说预览，然后你会谈到整个的内容。

无论如何，为了进行适当的拟合预览，您可以估计（或者＃34;试错法＆＃34;估计）您的内容中有多少个字符适合该小预览div。如果你有，比方说5000个字符，你可以简单地裁剪你的内容：

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

small_preview_div.innerHtml = cropped_content;