table设置tr的上下间距

最新推荐文章于 2022-08-17 08:18:55 发布

不会有人真的学前端吧

最新推荐文章于 2022-08-17 08:18:55 发布

阅读量2.4k

点赞数 2

分类专栏： css样式文章标签： html css 前端

本文链接：https://blog.csdn.net/fun_kunkun/article/details/121991721

版权

css样式专栏收录该内容

5 篇文章 0 订阅

订阅专栏

上网一搜常规的都是设置

<table style="border-collapse:separate; border-spacing:0px 10px;">
   
    <tr>
      <th></th>
    </tr>
    <tr>
      <th></th>
    </tr>

</table>

不够灵活！

解决方法:

在<th>标签之间添加<div>标签，调整div的样式即可。

<table style="border-collapse:separate; border-spacing:0px 10px;">
   
    <tr>
      <th></th>
    </tr>
    <div>表格间的样式</div>
    <tr>
      <th></th>
    </tr>

</table>

同理也可用于表格<th>的循环渲染