webentwicklung-frage-antwort-db.com.de

Wie wird Textausrichtung links in der ersten Spalte und Textausrichtung rechts in der anderen Spalte angewendet?

Ich habe eine Tabelle zum Stil, wie kann ich text-align:left; nur für die erste Spalte und text-align:right; für die anderen Spalten anwenden?

Hier mein Tabellenbeispiel:

http://jsfiddle.net/gianlucaguarini/hAv7P/

Im Moment bleibt die Textausrichtung für alle Spalten erhalten.

22
Koala7

Sie müssen das folgende CSS angeben:

.table td,
.table th
{
    text-align:left;
}

#right,
.table td + td,
.table th + th
{
    text-align:right;
}

Beispiel hier: http://jsfiddle.net/mWeYM/

Weitere Informationen zu benachbarten CSS-Selektoren für Geschwister finden Sie hier: http://www.w3.org/TR/CSS2/selector.html#adjacent-selector

20
keaukraine

Vielleicht möchten Sie sich die :first-child-Pseudoklasse ( W3C-Definition ) ansehen - dies ist genau die Art von Dingen, für die sie entwickelt wurde. Sie könnten es so verwenden:

.table td {
    text-align: right;
}

.table td:first-child {
    text-align: left;
}​

Die :first-child-Pseudoklasse bedeutet, dass der Selektor nur mit dem ersten <td> in jedem <tr> übereinstimmt.

Beispiel hier: http://jsfiddle.net/xv5Cn/1/

22
cloudfeet

Hey Manna, ich habe deine Geige aktualisiert, folge diesem Link:

http://jsfiddle.net/hAv7P/9/

Alles, was Sie tun müssen, ist, eine Klasse zu der hinzuzufügen, die Sie ausrichten möchten, und dann css wie in der Geige hinzuzufügen

0
Sandeep Rao