Html 如何在tumblr中为iframe pdf创建两列格式

我想知道如何格式化2 pdf iframe，使其形成一个2列，而不是在下面的每个列的顶部。

---

谢谢

有几个问题

首先，有一个硬编码的宽度值被传递给iframe，我不知道你可以编辑它，但是你可以用css覆盖它

与依赖内联样式不同，我将对代码进行抽象，使其使用类名并可在其他地方重用，然后编辑css属性将比编辑html（IMHO）更容易

这是你的html

<p>
<p style="width:50%">
   <iframe height="480" src="https://drive.google.com/file/d/1ctZfL6Qn_HTETYWy_EwSDcziSWDWKrrZ/preview" width="640"></iframe>
</p>
<p>
<p style="width:50%">
  <iframe height="480" src="https://drive.google.com/file/d/1_d9a9XYmglngdxQ3JnQ3x9XMzQMhAJ2S/preview" width="640"></iframe>
</p>

我不会像编写css那样使用p元素，只针对可能在其他地方破坏代码的段落，或者创建一个宽度为50%的类，如

.half

等，或者创建一个带有父类的div包装，然后可以针对其中的段落<代码>段落文本

等。然后您可以编写

.wrapper p {
   width: 50%
}

编辑

根据您的评论，以下是内联css，应该可以正常工作：

<p style="width:50%; float:left;">
   <iframe height="480" src="https://drive.google.com/file/d/1ctZfL6Qn_HTETYWy_EwSDcziSWDWKrrZ/preview" width="100%"></iframe>
</p>
<p>
<p style="width:50%; float:left;">
  <iframe height="480" src="https://drive.google.com/file/d/1_d9a9XYmglngdxQ3JnQ3x9XMzQMhAJ2S/preview" width="100%"></iframe>
</p>

请注意，每个p元素都有

宽度：50%

和

浮点：左

属性，并且iframe宽度已更改为100%

---

更新的

引导程序对此非常有用。但是，如果您想自己滚动，只需为每个包装指定一个百分比宽度。我希望在类中这样做，但为了论证起见，宽度不适用于边距，而适用于填充。如果你有第三栏，这是整个页面宽度的一部分，你可以做20%，40%，40%等@lharby谢谢！我试过了，但我只是成功地实现了iframe pdf的缩放。有没有办法把它并排放在一起？

p{margin:0；float:left；}p iframe{width:100%！重要；//这将覆盖硬编码的width属性。}

这段代码工作正常，但会弄乱第一页。如何将其添加到HTML内联样式中？

.wrapper p {
   width: 50%
}

<p style="width:50%; float:left;">
   <iframe height="480" src="https://drive.google.com/file/d/1ctZfL6Qn_HTETYWy_EwSDcziSWDWKrrZ/preview" width="100%"></iframe>
</p>
<p>
<p style="width:50%; float:left;">
  <iframe height="480" src="https://drive.google.com/file/d/1_d9a9XYmglngdxQ3JnQ3x9XMzQMhAJ2S/preview" width="100%"></iframe>
</p>