html - 表格数据在html底部有很多空间

Question

我正在尝试减少表格行的底部。但它并没有减少。我有巨大的字体，清除下方空间的唯一方法是减小字体大小，但这同样会在下方创建相同比例的空间。我尝试在 <tr> 中定义高度和 <td> (内联)，但它们不会响应比现在更大的更小的尺寸。这是我的代码:

<tr>        
 <td colspan="3" class="style1" height="250px">            
     <p id="two"> 2 </p> 
     <p id="zero"> 0 </p> 
     <p id="one"> 1 </p> 
     <p id="six"> 6 </p>
     <p id="wishes"> Best wishes </p>
     <p id="sender"> From Steve </p>         
 </td>        

这是一个表头

<table style="padding: 2em;" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#455a64" width="100%"></table>

字体加粗150px并且逐渐变小。
在这一点上，我正在考虑在 photoshop 中将其转换为图像并将其放入 html 中。

我的问题是这样的

JSFiddle

https://jsfiddle.net/milan_light/505Lougg/

Answer 1

首先，我认为您可以使用'padding' 和'margin' 来替换表格的'cellpadding' 和'cellspacing'，您可以重置css，然后设置表格css。这是一个很好的方式，不受其风格的影响；