删除网页上的空格（边距）

Question

我的间距有问题。我必须在我的代码中使用 <p>，但两者之间有一个巨大的 space 我想将它们放在不同 <tr> 中的 table 中，但它会不起作用，所以我将它们放在相同的 <tr> 和 <td> 中，但间距仍然存在。下面是代码和照片（忽略洋甘菊和茶的长篇大论）：

 <table style="border-style: none; margin:0 auto; white-space: pre-wrap;">
    <tr>
      <td>
        <div class="tisane" style="border-style: groove; border-radius: 6%; max-width: 308px; max-height: 358px;">
            <img src="images/30467-5-tea.png" style="width: 300px; height: 200px;" alt="Tisane à la chamomille">
        </div>
      </td> 
      <td style="max-height: 40px;">
        <a href="Millepertuis.html"><img src="images/272222649004211.png" style="width: 200px; height: unset; right: 20px; top: 170px; padding: 20px; position: absolute;"></a>
        <a href="tisanes.html"><img src="images/272222649004211.png" style="width: 200px; height: unset; left: 20px; top: 170px; padding: 20px; position: absolute; transform: scaleX(-1);"></a>
      </td>
    </tr>
    <tr style="height: 40px; max-height: 40px;">
      <td style="max-height: 20px;">
        <p class="normaltext" style="text-align: center; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 30px; border: 0px;">Tisane à la chamomille</p> 
          <p class="arial" style="width: 430px; white-space: pre-line; text-align: center; word-wrap: break-word; font-size: 18px; top: 0px; position: relative;">
            Depuis toujours, l'homme utilise la chamomille en la consommant pour ses vertus calmantes et digestives, et de nombreuses autres façons. Retrouvez toute cette puissance sous sa forme la plus savoureuse dans notre infusion faite uniquement des pétales les plus qualitatifs.
          </p>
      </td>
    </tr>
    
</table>

[

Answer 1

你几乎到处都有 white-space: pre-wrap;，但你希望它在那个区域是正常的。我添加了 white-space: normal;，它按预期显示（不包括您的本地图片）。

<table style="border-style: none; margin:0 auto; white-space: pre-wrap;">
  <tr>
    <td>
      <div class="tisane" style="border-style: groove; border-radius: 6%; max-width: 308px; max-height: 358px;">
        <img src="images/30467-5-tea.png" style="width: 300px; height: 200px;" alt="Tisane à la chamomille">
      </div>
    </td>
    <td style="max-height: 40px;">
      <a href="Millepertuis.html"><img src="images/272222649004211.png" style="width: 200px; height: unset; right: 20px; top: 170px; padding: 20px; position: absolute;"></a>
      <a href="tisanes.html"><img src="images/272222649004211.png" style="width: 200px; height: unset; left: 20px; top: 170px; padding: 20px; position: absolute; transform: scaleX(-1);"></a>
    </td>
  </tr>
  <tr style="height: 40px; max-height: 40px;">
    <td style="max-height: 20px; white-space: normal;">
      <p class="normaltext" style="text-align: center; padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 30px; border: 0px;">Tisane à la chamomille</p>
      <p class="arial" style="width: 430px; white-space: pre-line; text-align: center; word-wrap: break-word; font-size: 18px; top: 0px; position: relative;">
        Depuis toujours, l'homme utilise la chamomille en la consommant pour ses vertus calmantes et digestives, et de nombreuses autres façons. Retrouvez toute cette puissance sous sa forme la plus savoureuse dans notre infusion faite uniquement des pétales
        les plus qualitatifs.
      </p>
    </td>
  </tr>

</table>

删除网页上的空格（边距）

Removing spaces (margins) on a web page

html

css

margin