Wie kann ich leere Tabellenzellenränder in Internet Explorer 7 sichtbar machen?

CSS für die Anzeige leerer Zellenränder

Frage:

Wie kann ich CSS verwenden, um Stellen Sie sicher, dass der Rand einer Tabellenzelle sichtbar bleibt, auch wenn die Zelle leer ist?

Spezifisch Kontext:

Die Anforderung gilt speziell für Internet Explorer 7.

Antwort:

In einigen Versionen von Internet Explorer können leere Zellen vorhanden sein erscheinen nur, wenn sie Inhalte enthalten. Um dieses Problem zu beheben:

• Geschütztes Leerzeichen: Fügen Sie ein geschütztes HTML-Leerzeichen ( ) in die leere Zelle ein. Dadurch wird normalerweise die Lücke gefüllt und der Rand angezeigt.
• Reine CSS-Lösung: In Internet Explorer 8 und höher steuert die Eigenschaft empty-cells die Sichtbarkeit der Zellen. Stellen Sie es auf „show“ ein, um leere Zellen anzuzeigen. Diese Eigenschaft wird jedoch in IE7 nicht unterstützt, sodass ein alternativer Ansatz erforderlich ist.

Für IE7 gibt es keine integrierte CSS-Lösung zum Anzeigen leerer Zellränder. Um dieses Problem zu umgehen:

• Inhalt hinzufügen: Erwägen Sie, der leeren Zelle minimalen Inhalt hinzuzufügen, z. B. einen kleinen Punkt (.) oder ein einzelnes Zeichen.
• Pseudoelement erstellen: Verwenden Sie die Pseudoelemente ::before oder ::after, um ein unsichtbares Element zu erstellen, das den leeren Raum einnimmt und das anzeigt gewünschter Rand.

Das obige ist der detaillierte Inhalt vonWie kann ich leere Tabellenzellenränder in Internet Explorer 7 sichtbar machen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!