0

セルの幅の割り当てが行数に依存する、HTML テーブルの非常に奇妙な動作を発見しました。2 つの行がある場合、セルの幅はすべて同じですが、別の行を挿入すると、最初の列が少し拡大し、2 番目の列は他の列よりも狭くなります。fiddleに例をアップロードしました。HTML の 3 行目あたりのコメントを削除すると、この動作が見られます。

この振る舞いはどこから来たのですか？

4

2 に答える 2

2

表のセルは、幅が固定されていない限り、コンテンツに合わせて拡張されます。あなたの例では、テーブルの中にテーブルがあります。テーブルには、パディングやセル間隔などのデフォルト値が設定される傾向があります。

これを回避するには、リセット スタイル シートを使用して、選択したテーブルとそのセルの CSS を変更します。

本当にピクセルパーフェクトにしたい場合は、境界線を折りたたむなどの CSS 宣言も実行する必要がある場合があります。

于 2012-06-14T09:55:55.053 に答える
2

実際には、ヘッダーまたはセル内のコンテンツのベースで列が展開および展開されます

デモ: http://jsfiddle.net/aPPAL/1/

結果を参照してください。

于 2012-06-14T09:57:21.680 に答える