zentrieren Text in Tabellenspalten mit colGroups

Eine gemeinsame Herausforderung in HTML -Tabellen besteht darin, den Text zentral in bestimmten Spalten auszurichten. Trotz der Verwendung von

Der Kern des Problems liegt in CSS -Einschränkungen. Nur wenige CSS-Eigenschaften, einschließlich Hintergrundfarbe, gelten für Spalten. Leider gehört Text-Align nicht unter ihnen.

Um diese Hürde zu überwinden, ist ein alternativer Ansatz erforderlich. In dem angegebenen Beispiel wird das Hinzufügen der folgenden CSS-Regeln den Text in allen Tabellenzellen zentrieren, mit Ausnahme der ersten Spalte:

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

Diese Lösung nutzt die Tatsache, dass Text-Align für Tabellenzellen geliefert wird. Beachten Sie, dass diese Methode nicht mit IE6 kompatibel ist, sondern in IE6, in IE6, tatsächlich (wenn auch falsch) auf Spalten gilt. . Wenn Sie dieses kleine Problem beheben, wird sichergestellt, dass die Tabellenstruktur gemäß den HTML -Standards gültig ist.