Vue 3表格中设置td顶部距离tr 10px

<p>&quot;<template>\n  <table>\n    <tr>\n      &lt;td class=&quot;td-spacing&quot;&gt;Content 1</td>\n      &lt;td class=&quot;td-spacing&quot;&gt;Content 2</td>\n      &lt;td class=&quot;td-spacing&quot;&gt;Content 3</td>\n    </tr>\n  </table>\n</template>\n\n<style>\n.td-spacing {\n  margin-top: 10px;\n}\n</style>\n&quot;\n在上面的代码中，我们给每个td元素添加了名为&quot;td-spacing&quot;的class，并在style标签中定义了该class的样式，设置了margin-top属性为10px。这样就可以使得每个td元素的顶部距离tr元素有10px的间距。\n\n请根据你的实际需求，将上述代码应用到你的项目中，并根据需要进行样式的调整。</p>