「」とCSSのみを使用してテーブルを作成できますか?

のみを使用してテーブルを作成する方法タグと CSS

HTML の

のみを使用要素と CSS を使用すると、ブラウザ間で互換性のある機能的なテーブルを作成できます。

提供された HTML スニペットでは、さまざまなクラスを使用して要素のスタイルを設定します。クロスブラウザーのエクスペリエンスを実現するには、次のように 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;  
}

調整された CSS:

• では、.divTable を .div-table に置き換えました。一貫性。
• ブラウザ間の互換性を確保するために、border-collapse: Separate; を削除しました。 from .divTable.

この更新された CSS により、IE7 以前を含むすべての主要なブラウザーでテーブルが正しく表示されることが保証されます。

以上が「」とCSSのみを使用してテーブルを作成できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。