So zeigen Sie den Rahmen an, wenn td leer ist
|
Zuvor habe ich zusammengefasst, wie man mit CSS die Effekte „Rahmen + Rahmenfarbe dunkel + Rahmenfarbe hell“ einer Tabelle erzielt. Dann fragte mich ein Internetnutzer, warum er einen ähnlichen CSS-Stil geschrieben hat, der Tabellenrahmeneffekt aber nur unter Opera normal sichtbar ist, unter IE jedoch nicht. Ich habe Opera 9 heruntergeladen und gesehen, dass dies tatsächlich der Fall war. Der Grund ist nicht kompliziert: Wenn im Internet Explorer (Firefox scheint dasselbe zu sein wie der Internet Explorer) der Inhalt eines td leer ist, wird der Rahmenstil der Zelle nicht angezeigt, selbst wenn Sie Höhe und Breite festlegen. Opera wendet den Stil zum Rendern an, unabhängig davon, ob Inhalt vorhanden ist oder nicht. Ich bin gleich nach meinem Abschluss auf dieses Problem gestoßen. Der Abteilungsleiter kam zu mir und fragte mich, und ich sagte ihm: Fügen Sie es einfach zu jedem leeren TD hinzu. Wenn ich in Zukunft auf dieses Problem stoße, werde ich diese einfache, grobe und effektive Methode zur Lösung verwenden. Aber heute habe ich mir große Mühe gegeben, es ein wenig zu studieren, und von Jiarry gelernt, dass die ursprüngliche CSS-Syntax es uns ermöglicht, diese Standardverhaltensweisen zu ändern: Die Verwendung von border-collapse:collapse; und empty-cells:show; kann den verschwundenen Rahmen wieder erscheinen lassen. Klasse="test1": border-collapse:collapse hinzufügen; .test1{ Rahmen: 1px durchgezogen #999999; Rahmen-Collapse:Collapse; Breite: 60 % } .test1 td{ Rahmen unten: 1px durchgezogen #999999; Höhe: 28px; Polsterung links: 6px; } class1 Hier ist der Inhalt Hier ist der Inhalt Klasse="test2": border-collapse:collapse hinzufügen; und empty-cells:show; .test2{ Rand: 1px, durchgehend schwarz; Rahmen-Collapse:Collapse; Breite: 60 % } .test2 td{ Rahmen unten: 1px, durchgehend schwarz; Höhe: 28px; Polsterung links: 6px; leere Zellen: anzeigen; } class2 Hier ist der Inhalt Hier ist der Inhalt Klasse="test3": Ohne border-collapse:collapse; und empty-cells:show; .test3{ Rahmen: 1px durchgezogen #999999; Breite: 60 % } .test3 td{ Rahmen unten: 1px durchgezogen #999999; Höhe: 28px; Polsterung links: 6px; } class3 Hier ist der Inhalt Hier ist der Inhalt |
<<: Beispiele für die Verwendung von MySQL-Abdeckungsindizes
>>: Analyse und Lösung des Grundes, warum overflow-y: visible; in CSS nicht funktioniert
Artikel empfehlen
Drei Möglichkeiten, um zu überprüfen, ob ein Port in einem Remote-Linux-System geöffnet ist
Dies ist ein sehr wichtiges Thema, nicht nur für ...
JS + Canvas realisiert dynamischen Uhreffekt
Eine auf Canvas basierende Demo einer dynamischen...
Zusammenfassung der Verwendung des CSS-Bereichs (Stilaufteilung)
1. Verwendung des CSS-Bereichs (Stilaufteilung) I...
Netzwerkkonfiguration des Host Only+NAT-Modus unter VirtualBox
Die Netzwerkkonfiguration des Host Only+NAT-Modus...
Detailliertes Beispiel zum Erstellen und Löschen von Tabellen in MySQL
Der Befehl zur Tabellenerstellung erfordert: Der...
Apple Mac OS X in VMWare12 installieren – Grafik-Tutorial
1. Einleitung: Da mein Freund einige Systemkenntn...
Über Tomcat kombiniert mit Atomikos zur Implementierung von JTA
Vor Kurzem hat das Projekt die Umgebung gewechsel...
Implementierung des Pushens von Docker-Images zum Docker Hub
Nachdem das Image erfolgreich erstellt wurde, kan...
Beispiel für die Verwendung von UserMap in IMG
usemap ist ein Attribut des <img>-Tags, das ...
MySQL-Import- und Export-Sicherungsdetails
Inhaltsverzeichnis 1. Detaillierte Erklärung der ...
Die Tücken der automatischen Inkrementierung numerischer MySQL-Typen
Beim Entwurf von Tabellenstrukturen gehören numer...
CSS World – Code-Praxis: Präsentation zu alternativen Bildinformationen
Wenn wir jedoch das Element <img> mit der S...
Über das Problem, dass nach der VMware-Installation keine virtuelle Netzwerkkarte vorhanden ist
1 Problembeschreibung: 1.1 Wenn VMware zum ersten...
Beispielcode zur Implementierung einer Mehrfachauswahl basierend auf einer verschachtelten Tabelle in ElementUI
Vorwort: Ich habe das geschrieben, weil ich meine...
Zusammenfassung der neuen Verwendung von vi (vim) unter Linux
Ich benutze den vi-Editor seit mehreren Jahren, h...