将多个PDF添加到HTML中

  <section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
       <div class="feature-list"> 
        <h3>San Diego</h3> 
        <p>Departure</p> 
         <body> 
         <iframe src="http://flightaware.com/resources/airport/SAN/APD/AIRPORT+DIAGRAM/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/DP/all/pdf" width="600" height="700"> 
         </body> 
        <p>Approach</p> 
         <body> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/STAR/all/pdf" width="600" height="700"> 
         <iframe src="https://flightaware.com/resources/airport/KSAN/IAP/all/pdf" width="750" height="800"> 
         </body> 
         </div> 
       </div> 
      </div> 
     </section>

这就是我目前所拥有的，但它只显示一个pdf，最上面一个。我怎样才能让它显示所有的pdf？将多个PDF添加到HTML中

谢谢

来源

2016-09-13 Giacomo Lawrance

你可以使用身体一次 –

首先，你忘了关闭你的iframe标签。

的iframe标签是不是自闭，并应明确关闭类似如下：

<iframe src="https://www.weather.com" width="600" height="700"></iframe>

（注意</iframe>结束标记）

对我来说这一次的工作（原始的HTML再加工）：

<section class="features section-padding" id="features"> 
    <div class="container"> 
     <div class="row"> 
      <div class="feature-list"> 
       <h3>San Diego</h3> 
       <p>Departure</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        </div> 
       <p>Approach</p> 
        <div> 
        <iframe src="https://www.weather.com" width="600" height="700"></iframe> 
        <iframe src="https://www.weather.com" width="750" height="800"></iframe> 
        </div> 
       </div> 
      </div> 
     </div> 
    </section>

见这里：https://jsfiddle.net/c55zztbn

如果您仍未获取显示的iframe的src URL，则您使用的url可能使用“X-Frame-Options”响应标头，这会阻止iframe加载它。

希望它有一点帮助！

来源

2016-09-13 19:06:31 codelock

非常感谢，完美的工作！谢谢！ –

将多个PDF添加到HTML中

回答

相关问题