CSS: padding-top without "stretching" border-left

Question

我使用 table，当然还有 td。

对于一个 td 我使用 padding-top: 20px 和 border left:1pt

结果是左侧的边框现在“拉伸”了 20 过高。我看不出解决这个问题的方法。你有什么主意吗？非常感谢！

Answer 1

尝试在内部使用 span 标签。

<table>
  <tr>
   <td><span>Hello1</span></td>
   <td><span>Hello2</span></td>
  <tr>
</table>

然后申请 CSS:

<style>
  span {
    border-left: 1px solid black;
  }
</style>

html