如何使表格中的间隙变小[HTML]答案

【问题标题】：How to make gap smaller in table [HTML]如何使表格中的间隙变小[HTML]
【发布时间】：2021-04-13 02:04:58
【问题描述】：

我正在对图像进行文本处理，并学习如何设置文本大小和位置以使其看起来对齐，而现在 我真的不知道如何在 h3 和p 更小。

如果可能的话，我不想使用 CSS，我希望它只在 HTML 中，只使用代码中的样式。

如果您有更好的方法在图像和多个可调整间隙大小的句子上添加文本，并使用每个句子使用不同的字体。会很棒的。

来自桌面的图像

<table width="600" cellspacing="0" cellpadding="0" align="center">
  <tr bgcolor="#f9c9d5">
    <td></td>
    <td rowspan=2>
      <img src="bimage/box.jpg" alt="box">
    </td>
  </tr>
  <tr>
    <td colspan=2>
      <h3 align="center" style="font-size:20px"> WELCOME</h3>
      <p align="center">Jinho</p>
    </td>
  </tr>
</table>

【问题讨论】：

标签： html image text styles

【解决方案1】：

不建议使用表格和内联样式，但也许您是这个意思？

<table style="width:600px; height:132px; border-spacing: 0; border-collapse: separate; 
background-image: url(https://i.stack.imgur.com/B49ut.jpg)">
  <tr>
    <td style="text-align:center;">
      <h3 style="font-size:20px; margin-bottom:0">WELCOME</h3>
      <p style="margin-top:0">Jinho</p>
    </td>
  </tr>
</table>

【讨论】：

是的，这就是我的意思，但background-image: url(https://i.stack.imgur.com/B49ut.jpg) 此代码仅适用于我使用img 的普通图像或者我实际上可以只放置背景图像而不使用的 URL网址。
我拍了IMGUR图片，你当然换成你服务器上的图片
哈哈，我知道但问我是否在正常的 bg 图像中它应该没有 URL 正确，除非它的服务器必须使用 URL 太正确？

【解决方案2】：

你可以使用 line-height 属性

    <table width="600" cellspacing="0" cellpadding="0" align="center">
  <tr bgcolor="#f9c9d5">
    <td></td>
    <td rowspan=2>
      <img src="bimage/box.jpg" alt="box">
    </td>
  </tr>
  <tr>
    <td colspan=2>
      <h3 align="center" style="font-size:20px, line-height:0"> WELCOME</h3>
      <p align="center">Jinho</p>
    </td>
  </tr>
</table>

【讨论】：

哇，谢谢你告诉我。我今天学习新代码line-height