3

これは私の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"

4

5 に答える 5

1

その線にスタイルを置きますか？

 <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>
于 2013-09-20T09:51:23.667 に答える
1

ギャップは、テーブルの最後の行に改行なしスペースが含まれているために発生し&nbsp;ます。これにより、コンテンツがテキスト行と同じ高さになります。したがって、を削除する&nbsp;と、差し迫った問題が解決するようです。

ただし、境界線を実際のセルに設定できるのに、ダミー セルに境界線を設定するのは非論理的です。さらに、行のセル数が異なるため、テーブル構造が異常です。(正当な理由により、HTML5 バリデーターはこれについて警告を発します。)ただし、これを修正するには、実際のテーブルの意図された構造に関する情報が必要になります (問題のテーブルはおそらく大幅に簡略化されたバージョンです)。

于 2013-09-20T10:19:42.430 に答える