コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 古い IE ブラウザと互換性のある CSS のみのテーブルを作成するにはどうすればよいですか?

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

DDD
リリース： 2024-12-16 13:47:18
オリジナル
416 人が閲覧しました

How Can I Create a CSS-Only Table Compatible with Older IE Browsers?

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 サイトの他の関連記事を参照してください。
ソース：php.cn
前の記事：テキストの不透明度に影響を与えずにクロスブラウザーの透明な背景を作成するにはどうすればよいですか? 次の記事：MVC4 スタイル バンドルの画像パスを解決するにはどうすればよいですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2204
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2348
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1967
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1854
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1915
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート