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

空のセルの枠線表示用の CSS

質問:

CSS を使用して次のことを行うにはどうすればよいですか?セルが表示されている場合でも、表のセルの境界線が表示されたままであることを確認します。 empty?

特定のコンテキスト:

この要件は、特に Internet Explorer 7 に適用されます。

回答:

Internet Explorer の一部のバージョンでは、コンテンツが含まれていない限り、空のセルが表示されない場合があります。この問題に対処するには:

• 非改行スペース: HTML 非改行スペース文字 ( ) を空のセルに挿入します。通常、これにより空白が埋められ、境界線が表示されます。
• 純粋な CSS ソリューション: Internet Explorer 8 以降では、empty-cells プロパティによってセルの表示/非表示が制御されます。空のセルを表示するには、これを show に設定します。ただし、このプロパティは IE7 ではサポートされていないため、別のアプローチが必要です。

IE7 には、空のセルの境界線を表示する組み込みの CSS ソリューションがありません。回避策:

• コンテンツの追加: 空のセルに小さなドット (.) や 1 文字などの最小限のコンテンツを追加することを検討してください。
• 疑似要素の作成: ::before または ::after 疑似要素を使用して、非表示の要素を作成します空のスペースを占め、目的の境界線を表示する要素。

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