在一个有多个tbody的表中,如何在tbody元素之间创建一些空间

时间:2014-09-19 19:05:39

标签: css html-table

我没有成功尝试在包含多个tbody元素的表的tbody部分之间创建一些空间。怎么做?

        <table>
        <thead></thead>


        <tbody>
           .
           .
           .
        </tbody>

        // create a gap here

        <tbody>
            .
           .
           .
        </tbody>



        <tfoot></tfoot>
        </table>

3 个答案:

答案 0 :(得分:0)

尝试一些css

table tbody {
padding-bottom: 10px;
}

或者this answer可能会帮助您

答案 1 :(得分:0)

除非你失去边界,否则这是有效的。

table {
  border-collapse: collapse;
}

table tbody {
  border-top: 10px solid white;
}

答案 2 :(得分:0)

试试这个:

<thead></thead>
<tbody>
<tr><td>text1</td></tr>
...
<tr><td>&nbsp;</td></tr>
...
<tr><td>text2</td></tr>
</tbody>
<tfoot></tfoot>

或:

<thead></thead>
<tbody>
<tr><td>text1</td></tr>
...
<tr></tr>
<tr></tr>
...
<tr><td>text2</td></tr>
</tbody>
<tfoot></tfoot>