20

Eric meyer reset css は、「マークアップでテーブルにはまだ 'cellspacing="0"' が必要」と提案しています。それは必要ですか？そして、の利点は何ですかborder-collapse: collapse; そしてborder-spacing: 0;？

テーブルにはcellpaddingと呼ばれる別のプロパティがありますが、cellspacingを使用することを提案しているだけですか?

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

Jquery: ダイアログ ボックスはクリックごとに 1 回だけ表示されます

次のような一連の「リンクとdiv」があります。

<a class="pop" href="popup.asp?PD=12>Hotel XXX</a>
<div class="details" title="Hotel XXX"></div>

<a class="pop" href="popup.asp?PD=52>Hotel YYY</a>
<div class="details" title="Hotel YYY"></div>

...

私は次のJavaScriptを使用していますが、クリックごとに1回しかダイアログを開くことができないという事実を除いて、非常にうまく機能します

$('.pop').click(function(event) {
event.preventDefault();
$(this).next('div.details').load($(this).attr('href')).dialog({
    modal: false,
    height: 400,
    width: 500
});
})

「autoOpen：false」機能を使用する必要があることをどこかで読みましたが、これをどこに置くべきかわかりません...

助けてください。ありがとう

4

3 に答える 3

12

cellpaddingcss プロパティはテーブル属性paddingのデフォルト プロパティを十分にオーバーライドするため、推奨されません。cellpadding他の回答が言うようにcellspacing、古いブラウザーには互換性のある CSS プロパティがなく、この設定を 0 に完全に「リセット」する唯一の方法として HTML 属性を残しています border-spacing: 0;。

についてはborder-collapse— デフォルトでは、テーブル セルにはそれぞれ独自の境界線がありcollapse、隣接するセル間の境界線を結合して (通常は単一ピクセルの) グリッドの外観を与えcellspacing="0"ます。以前border-collapseは一般的にサポートさcellspacing="1"れていたため、表の背景色が で表され、表のセルの背景が白になっていました。

border-collapse:collapse;これは最も一般的な目的の結果であるため、reset.css に含まれています。このモードが必要ない場合は、これを reset.css から削除しても問題ありません。

于 2010-01-16T17:52:53.357 に答える
6

Internet Explorer 6と7、およびおそらくその他の初期のブラウザーは属性を認識しないためborder-spacing、HTML にも値を指定することを提案しています。

SitePoint の互換性表を確認してください

于 2010-01-16T17:45:43.853 に答える
2

表には 2 種類の罫線があり、表自体に罫線 (外側の罫線とセル間の罫線) を設定することも、各セルの周囲に罫線を設定することもできます。

を使用border-collapse: collapse;すると、隣り合う同じ境界線設定を持つ 2 つのセルは、2 つの境界線ではなく単一の境界線セットのみを取得します。たとえば、1 つのセルの右境界線は、行の次のセルの左境界線で折りたたまれます。

CSS 2 までセル間の表の境界線の CSS スタイルは存在しないため、cellspacing="0"IE 7* などの古いブラウザーをサポートするには、表の HTML 属性を使用して無効にする必要があります。セル間に表の境界線がある場合、境界線が互いに隣り合っていないため、境界線の折りたたみは当然機能しません。

* IE 7 を「古いブラウザ」と呼んでいる感覚が本当に楽しかったです ;)

于 2010-01-16T17:51:12.610 に答える