如何在WordPress文章顶部并排放置两个Div广告（无CSS方案）

嘿，我懂你的困扰——想让两个广告并排却不想碰CSS，毕竟不懂代码的话确实怕搞砸。别担心，咱们用原生的HTML表格标签就能轻松搞定，完全不需要写任何CSS代码！

具体实现代码 #

你只需要把两个广告代码分别放进表格的两个单元格里就行，代码结构大概是这样：

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td>
      <!-- 第一个广告代码 -->
      <div id="im-12345"> 
        <script async src="https://adcompany.co.jp/script/v1/spot.js"></script> 
        <script>(window.adsbyadcompany=window.adsbyadcompany||[]).push({pid:20987,mid:523741,asid:1709676,type:"banner",display:"inline",elementid:"im-033d1f1835404bbf80e342e2e182d96b"})</script> 
      </div>
    </td>
    <td>
      <!-- 第二个广告代码，记得替换成你的第二个广告内容 -->
      <div id="im-67890"> 
        <script async src="https://adcompany.co.jp/script/v1/spot.js"></script> 
        <script>(window.adsbyadcompany=window.adsbyadcompany||[]).push({pid:xxxx,mid:xxxx,asid:xxxx,type:"banner",display:"inline",elementid:"im-xxxxxx"})</script> 
      </div>
    </td>
  </tr>
</table>

为什么这样可行？ #

HTML表格的<tr>代表一行，里面的<td>是单元格，默认情况下同一行的单元格会自动并排显示，完全不需要额外的CSS样式。我加了width="100%"是让表格填满文章的宽度，cellpadding="0" cellspacing="0" border="0"是去掉表格默认的内边距、间距和边框，避免广告之间出现多余的空白或线条。

小提醒 #

• 记得把第二个<td>里的代码替换成你自己的第二个广告代码，尤其是id、pid、mid这些参数要对应正确。
• 如果你的广告本身有固定宽度，要确保两个广告的宽度加起来不超过文章的宽度，不然其中一个可能会被挤到下一行哦。

内容的提问来源于stack exchange，提问作者Alex