ในการฝังไฟล์ PDF ภายในหน้าเว็บ คุณสามารถใช้ <iframe> และเพิ่มเส้นทางไปยังไฟล์ PDF ของคุณเป็นค่าแหล่งที่มา:
<iframe src="path-to-your-file.pdf"></iframe>
ตามค่าเริ่มต้น iframes มีเส้นขอบที่คุณสามารถลบออกด้วย frameborder แอตทริบิวต์:
<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>คุณอาจต้องการเพิ่มความกว้างและความสูงให้กับ iframe ของคุณ คุณสามารถทำได้ด้วยคลาส CSS หรือสไตล์อินไลน์
ในตัวอย่างด้านล่าง ฉันเพิ่ม width มูลค่า 100% เพื่อให้ iframe ขยายเป็นความกว้างของคอนเทนเนอร์หลักของคุณ (ซึ่งเป็นแนวปฏิบัติที่ดี) ฉันยังให้ height มูลค่า 50vh ซึ่งหมายความว่า iframe จะใช้ความสูง 50% ของความสูงจากหน้าจอใดก็ตามที่คุณกำลังดูอยู่
<iframe
src="path-to-your-file.pdf"
style="width:100%;height:50vh;"
frameborder="0"
></iframe>เปลี่ยนความกว้างและความสูงเป็นสิ่งที่คุณต้องการสำหรับโครงการของคุณ
