古い IE ブラウザと互換性のある CSS のみのテーブルを作成するにはどうすればよいですか?

CSS のみのテーブル作成: IE の制限を克服する

ここで提起された質問は、HTML の

のみを使用してテーブルを生成する方法を求めています。 ;タグと CSS を使用すると、IE7 以前のブラウザとの互換性の問題が発生します。

この問題に対処するには、次の CSS クラスを利用できます:

.div-table {
  display: table;
  width: auto;
  background-color: #eee;
  border: 1px solid #666666;
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.div-table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.div-table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;
  width: 200px;
  background-color: #ccc;
}

これらのクラスは、正しい表示を指定することで互換性を強化します。テーブル、テーブル行、テーブル列のプロパティ。

更新されたコードスニペット:

次の HTML および CSS コードは、更新された実装を示しています。

HTML:

これらの CSS クラスを使用する、IE7 以前のバージョンでもテーブルは適切に表示されます。

以上が古い IE ブラウザと互換性のある CSS のみのテーブルを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。