0

このようなテーブルを作成しました。セルの1つが空白の場合、セルが消えます。値が存在しない場合、そのセルの少なくとも境界線が必要です。境界線をtrに割り当てようとしても、効果はありません。

<table border="1">

    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$80</td>
    </tr>
    </table>
4

5 に答える 5

1

まず、セルのいずれかが空白の場合、ブラウザで機能します。
ブラウザで機能しない場合は、高さと境界線をtdに指定してください。
属性を使用するよりもCSSの方が良いアイデアです。このリンク
を 参照して、ボーダーの css を理解してください。

于 2012-08-01T12:31:21.410 に答える
0

これは、空のテーブルセルがデフォルトで非表示になっているためです。それらを表示するには、次のCSSを使用できます。

table { empty-cells: show; }

詳細：http ：//www.cs.tut.fi/~jkorpela/HTML/emptycells.html ブラウザのサポート：http ：//www.quirksmode.org/css/tables.html

このCSSは、IE8以降のすべてでサポートされています（そして、私が知る限り、IE7はとにかく空のセルを表示します）。

（個別のCSSファイルなしでこれをインラインで実行する場合は、試してください<table style="empty-cells: show;">）

于 2012-08-01T12:50:31.027 に答える
0

tr 内のすべての td 要素に border-top と border-bottom を設定し、内部の最初と最後の td に border-left / border-right を設定できます。

于 2012-08-01T12:18:17.127 に答える
0

セルの境界線にこの css を試してください:

td{
        border: 1px solid black;
        height: 20px;
    }

行に配置したい場合は、行の境界線にこの css を使用してみてください。

tr{
    border: 1px solid black;
    height: 20px;
}

20px の高さは必要なだけ高いことに注意してください。これは単なる例です。

于 2012-08-01T11:57:05.250 に答える
-1

セルの境界線を取得したい場合は、td に設定する必要があります。

<td style〓"border: 1px solid #gfdfgf">
于 2012-08-01T11:56:44.237 に答える