TD高度乘以倍数

时间:2013-07-10 02:16:46

标签: html css html-table

我通过表格制作了一个带有HTML边框的文本框。我为它的高度平铺的图像是64x64,并且只有当高度设置为64的倍数时才正确平铺。例如,128。内部的文本将其填充设置为十个像素,因此为了正确平铺,它将为128-20。无论输入多少文本,高度显然会根据它没有正确平铺的点而改变。有没有办法在文本需要更多空间时使高度增加64个像素,或者是提前键入所有文本和图像的唯一解决方案,计算图块数量,计算高度,以及用这个数字作为高度?我还没有在网上发现任何这样的话题,所以我期待每个人都有关于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个像素,因此文本填充的高度必须是64的倍数,减去20。为了使它无缝连接到边框的角落,即。

1 个答案:

答案 0 :(得分:0)

如何使用javascript?检查文本单元格的高度,除以64,用Math.ceil向上舍入再次乘以64。