居中嵌入PDF内容

Question

我的网页中嵌入了一个PDF文件。我的HTML是：

<embed src="http://znaci.net/zb/4_1_19.pdf">

我的CSS是：

embed {
    width:500px;
    height:600px;
}

现在我有这样的情况：

但我需要这个：

有没有办法集中嵌入PDF内容？

Answer 1

你可以通过CSS控制高度和宽度，如：

<style>
    embed {
        width: 100%;
        height: 500px;
    }
</style>

您还可以通过embed标记中的属性来控制它，例如：

<embed src="http://znaci.net/zb/4_1_19.pdf" width="640" height="480">

对于缩放，您可以通过执行以下操作来实现此目的（注意＃zoom = 75）：

<embed src="http://znaci.net/zb/4_1_19.pdf#zoom=75">

此语法适用于IE11和FF32，但不适用于Chrome 38。

---

编辑：回答问题的中心部分：

仅在Chrome中居中PDF。解决此问题的方法是将embed标记替换为类似的iFrame（虽然我不认为这是最佳做法）。

<iframe src="http://znaci.net/zb/4_1_19.pdf"></iframe>

或者，您可以查看pdf.js之类的内容。