-1

次のような変数内にhtmlコンテンツがあります

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

スクロールバーなしで小さな div または span または iframe 内にこのコンテンツを完全に表示する方法。

コンテンツのプレビューを表示したい。

iframeを使用するとスクロールバーが表示されます。

小さなdivまたはiframe内にコンテンツ全体を表示するための解決策または回避策。前もって感謝します。

4

2 に答える 2

1

CSSを使用して、div内のプレビューを表示できます。この言及については、50％のスケール（またはあなたに適した任意の値）

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

IEの場合、ZOOMプロパティを使用できます。

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

別のオプションは、zoomooz.jsを使用することです

http://janne.aukia.com/zoomooz/

于 2012-12-27T11:18:14.490 に答える
0

小さな div は、サイズ 500 x 500px の div のようなものだと思います。とにかく、コンテンツがそのサイズより大きくなるとすぐにスクロールバーが表示されます。スクロールバーなしでコンテンツ全体を表示することは不可能です。ところで、質問はもう少し明確にする必要があります。ある場所でpreviewについて話し、次にコンテンツ全体について話します。

いずれにせよ、適切なフィッティング プレビューを表示するには、その小さなプレビュー div に収まるコンテンツの文字数を推定 (または「試行錯誤スタイル」の推定) できます。たとえば、5000 文字の場合は、次のようにコンテンツを切り取ることができます。

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

small_preview_div.innerHtml = cropped_content;
于 2012-12-27T10:09:08.170 に答える