ホームページ > ウェブフロントエンド > CSSチュートリアル > Internet Explorer 7 で空のセルに枠線を表示するにはどうすればよいですか?

Internet Explorer 7 で空のセルに枠線を表示するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-11-19 08:42:02
オリジナル
348 人が閲覧しました

How to Display Borders on Empty Cells in Internet Explorer 7?

IE 7 で空のセルのスタイルを設定する

Internet Explorer 7 (IE7) で空のセルの境界線を表示するのは、ブラウザーの仕様により難しい場合があります。空のセルを非表示にする動作。これに対処するには、次のアプローチを検討してください。

純粋な CSS ソリューション

回答で述べたように、IE7 にはデフォルトで空のセルの境界線を表示する際に制限があります。ただし、次の CSS トリックを試すことができます:

table {
  border: 1px solid black;
  border-collapse: collapse;
  empty-cells: show;
}
ログイン後にコピー

フォールバック ソリューション

純粋な CSS ソリューションは IE7 では一貫して動作しない可能性があるため、次のような代替方法があります。

  • 非改行スペースの挿入: 空のセルに非改行スペース ( ) を追加すると、ブラウザに強制的にそのスペースが表示されることがあります。
  • 空のセルの非表示/表示: IE8 では空のセルを非表示にする空のセル プロパティがサポートされていますが、IE7 では機能しません。したがって、このアプローチはお勧めできません。

以上がInternet Explorer 7 で空のセルに枠線を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート