使用iframe标签，给上高度、宽度，效果和用浏览器打开pdf文件一致。支持下载、打印等功能。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div style="position: relative; width: 100%; height: 100%;">
<div style="position: absolute; top: 16px; left: 78px; width: 100px; height: 23px;background: red;">申报书</div>
<div style="width: 100%; margin: 25px auto">
<iframe
src="./file/shenbaoshu.pdf"
height="900px;"
width="100%"
></iframe>
</div>
</div>
</body>
</html>实现效果：
注意：好多咨询修改左侧名称的，目前是不支持修改的。如果仅仅是修改名字，可以给设置相对定位，设置给文件名标签，覆盖原来的名字进行展示。
效果如图：位置和css样式自行调整，可以加入背景、文字颜色、单行超出三点省略等等
901
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
