在div中显示Adobe pdf

Question

我有一个用户必须看到的pdf文件,然后单击"我同意"按钮.你如何在div中显示pdf？

Answer 1

是的你可以.

请参阅2007年以下主题中的代码: DIV中的PDF

<div>
    <object data="test.pdf" type="application/pdf" width="300" height="200">
        alt : <a href="test.pdf">test.pdf</a>
    </object>
</div>

它使用<object>,可以使用CSS设置样式,因此您可以浮动它们,给它们边框等.

(最后,我编辑了我的pdf文件以删除大边框并将它们转换为jpg图像.)

Answer 2

这是使用 Iframe 在 Div 中显示 PDF 的另一种方法，如下所示。

<div>
  <iframe src="/pdf/test.pdf" style="width:100%;height:700px;"></iframe>
</div>
<div>
  <!-- I agree button -->
</div>