html - TD 高度的倍数

Question

我通过表格在 HTML 中制作了一个带边框的文本框。我为它的高度平铺的图像是 64x64，并且只有当高度设置为 64 的倍数时才能正确平铺。例如，128。里面的文本将其填充设置为 10 个像素，因此为了正确平铺，这将是 128-20。无论键入多少文本，高度显然会自行改变，以至于无法正确平铺。有没有一种方法可以在文本需要更多空间时使高度增加 64 个像素，或者是预先键入所有文本和图像、计算图 block 数、计算高度并计算高度的唯一解决方案使用该数字作为高度？目前网上还没有找到类似的话题，所以我期待大家对TD高度增加倍数的意见。谢谢!

<tr>
<td style="background:url('64x64_Vertical_Image.png'); width:64px; height:64px;"></td>
<td style="width:auto; height:108px; vertical-align:top; padding:10px;">Text here.</td>
<td style="background:url('64x64_Vertical_Image.png'); width:64px; height:64px;"></td>
</tr>

每 64 个像素的垂直图像 block ，因此高度必须是 64 的倍数，文本填充减去 20。为了让它无缝连接到边界的 Angular block ，即。

Answer 1

为此使用 javascript 怎么样？检查文本单元格的高度，除以 64，用 Math.ceil 四舍五入并再次乘以 64。