HTML/CSS: Komplette Spalte einer Tabelle rechts oder zentriert ausrichten

Du könntest mit dem CSS-Pseudo-Selektor nth-child arbeiten.

Eine CSS-Regel könnte dann so aussehen:

table.colright td:nth-child(2) {
  text-align: right;
}

Deiner Tabelle müsstest du dann nur noch die Klasse zuordnen:

<table class="colright">
  <tr><td>A</td><td>B</td><td>C</td></tr>
  <tr><td>A</td><td>B</td><td>C</td></tr>
  <tr><td>A</td><td>B</td><td>C</td></tr>
</table>

Mit td:nth-child(2) selektierst du das zweite TD-Element. In jeder mit TR beginnenden Zeile der Tabelle beginnt die Zählung von neuem, so dass es ausreichend ist, der kompletten Tabelle die Klasse zuzuweisen, um immer die zweite Spalte auszurichten.
Letztes Update am 26.07.2021 | Erstellt am 14.10.2016

Um auch ältere Browser zu unterstützen, die mit nth-child noch nicht umgehen können, könntest du auch folgendes verwenden:

table.colright td + td + td {
  text-align: right;
}

Mit diesem CSS-Selektor wählst du jede Spalte beziehungsweise jedes TD-Element aus, vor dem zwei andere TD-Elemente sind.

Du würdest in diesem Fall also die dritte Spalte jeder Tabelle mit der Klasse "colright" rechtsbündig ausrichten.
Letztes Update am 26.07.2021 | Erstellt am 15.10.2016

Wenn es dir nur darauf ankommt, kürzer als <td style="text-align:center"> zu werden, könntest du auch <td class="ralign"> schreiben und deinem CSS die Klasse ralign {text-align:center} hinzufügen.
16.10.2016 um 21:25