html - 删除 2 行之间的空间

Question

这是我的html

<table >

                 <tr>
                     <td></td>

                     <td   style="width: 180px;text-align: right">2323</td>

                </tr>

                <tr>
                    <td><strong>Name</strong></td>
                    <td  style="width: 180px" >GGGG</td>

                </tr>

                <tr><td>&nbsp;</td></tr>
                <tr>
                    <td><strong > Test</strong></td>

                </tr>
                <tr>

                    <td  style="border-bottom: 1px solid #000">&nbsp;   </td>
                </tr>


            </table>

这是小提琴链接

您可以看到文本“Test”和行之间有间隙

如何删除这个空间？

我尝试使用style="border-spacing: 0;border-collapse: collapse"

Answer 1

代替

<tr>
   <td><strong > Test</strong></td>
</tr>
<tr>
    <td style="border-bottom: 1px solid #000">&nbsp;   </td>
</tr>

和

<tr>
   <td style="border-bottom: 1px solid #000;"><strong > Test</strong></td>
</tr>

演示

Answer 2

1. 从带边框的 td 中删除任何文本
2. 在 td 中设置边框包含“测试”

固定的？js fiddle.net/42jQF/2/

Answer 3

把风格放在那条线上？

 <table cellspacing="0">

                 <tr>
                     <td></td>

                     <td style="width: 180px;text-align: right">2323</td>
                </tr>

                <tr>
                    <td><strong>Name</strong></td>
                    <td  style="width: 180px" >GGGG</td>
                </tr>

                <tr>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td style="border-bottom: 1px solid #000"><strong> Test</strong></td>

                </tr>

            </table>

Answer 4

或者你可以使用

<td  style="border-top: 1px solid #000">&nbsp;</td>

或者

<td  style="border-bottom: 1px solid #000">Test</td>

您所指的“间隙”实际上是您的测试值下方带有底部边框的单元格。

Answer 5

间隙是由表格的最后一行包含不间断空格引起的 ，这使得内容与一行文本一样高。因此，删除 似乎可以解决眼前的问题。

但是，当您可以在真实单元格上设置边框时，在虚拟单元格上设置边框是不合逻辑的。此外，表格结构异常，因为行具有不同数量的单元格。（出于充分的理由，HTML5 验证器会对此发出警告。）但是，解决此问题需要有关实际表的预期结构的信息（问题中的那个可能是一个高度简化的版本）。