Question

            <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文件？

由于

Answer 1

首先，您忘了关闭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网址，则您使用的网址可能正在使用＆＃34; X-Frame-Options＆＃34;响应标头将阻止iframe加载它。

希望它有所帮助！

将多个PDF添加到HTML

1 个答案: