如何在表内创建HTML td?

Question

我已经创建了一个HTML，我已经使用表内表。

我不明白为什么空白td不占用空间，似乎有一些大小差异，我怎么能解决它

演示

的最终外观

<div>
<div style="text-align: left; position: absolute; left: 0;">
Now add the results.
</div>
&nbsp;<br /><br />
<div class="old-space-indent">
<div style="font-size: 125%;">
<table>
<tbody>
<tr>
<td>
<table class="beautiful-line">
<tbody>
<tr height="2">
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td>2</td>
<td>3</td>
</tr>
<tr height="2">
<td></td>
</tr>
<tr>
<td>×</td>
<td></td>
<td>3</td>
<td>2</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table class="beautiful-line">
<tbody>
<tr height="2">
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td>
<span style="color: #5050ff;"><b>4</b></span>
</td>
<td>
<span style="color: #5050ff;"><b>6</b></span>
</td>
</tr>
<tr height="2">
<td></td>
</tr>
<tr>
<td>+</td>
<td>
<span style="color: #5050ff;"><b>6</b></span>
</td>
<td>
<span style="color: #5050ff;"><b>9</b></span>
</td>
<td>
<span style="color: #5050ff;"><b>0</b></span>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr height="4">
<td></td>
</tr>
<tr>
<td></td>
<td>
<span style="color: green;"><b>7</b></span>
</td>
<td>
<span style="color: green;"><b>3</b></span>
</td>
<td>
<span style="color: green;"><b>6</b></span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<br /><br />
</div>

所以我开始学习html，我遇到了这个乘法html，我看到在图像。我甚至创建了那个但是外观和感觉与图像

不匹配

Answer 1

由于没有内容，td不占用空间。这是正常的，在示例中也是一样的。

你正在谈论的空格可能来自示例中的"标题"，它们后面有两个休息符。(?)

<div class="pg-multiplication">
<div>Multiply:
<br><br>      <-- here?