Wie überschreibe ich td align = "center"?

Wie in diesem Artikel aus Why align="center" not overriding on {text-align:right;} gesammelt, sollte CSS gegenüber alten Layout-Attributen voraussehen. Ich arbeite an einem Projekt, wo ich Inhalt in einer Zelle zu injizieren, die das Format hat:Wie überschreibe ich td align = "center"?

<td align="center">...</td>

Ich will nicht mein Inhalt zentriert werden, versucht text-align = „left“ zu verwenden, tut Überschreibe das td-tag nicht, wie im Artikel vorgeschlagen. Was kann ich tun, um die TD-Ausrichtung zu übersteuern?

Quelle

2010-08-16 bjornl

Ich weiß, dass es kein einzelnes CSS-Attribut gibt, um die td aligns zu überschreiben; Aber wie kann ich den Effekt des Attributs align mit CSS ausgleichen? – bjornl

Wenn Sie dürfen den Inhalt der td ändern, können Sie dann die td-Werte mit einem anderen Tag mit text-align wickeln: left;

Resultierende Tag wäre:

<td align="center"> 
    <div class="left">content here</div> 
</td>

Hier ist die neue CSS:

td div.left { text-align:left; }

Wenn Sie nicht den Zellenwert ändern, um eine andere Arbeit ist es, das Attribut align mit Hilfe von JavaScript zu verändern, jquery:

$(document).ready(function(){ 
    $('td [align=center]').attr('align','left'); 
    // $('td [align=center]').attr('align','left').css('text-align','left'); //or still not working 
});

Quelle

2010-08-16 09:00:09 jerjer

Danke, Ich werde für die semi-nasty js hack gehen, da TD align scheint Nebeneffekten neben Justage nur Text zu haben. Es wirkt sich auch auf andere Elemente aus (ähnlich einem div -Wrap mit fester Breite um ein div mit Rand: 0 auto; set.) – bjornl

<td align="center">...</td>

CSS:

td 
{ 
text-align: left; 
}

Oder fügen Sie eine Klasse hinzu:

<td align="center" class="mytd">...</td>

CSS:

td.mytd 
{ 
text-align: left; 
}

Quelle

2010-08-16 08:34:10 Kyle

td { text-align: left; }

in IE8 Geprüft & FF3.6.8

Demo: http://jsfiddle.net/s8qhJ/

Quelle

2010-08-16 08:40:15 wilson

Diese Antwort ist besser als die, die als "beste Antwort" für diejenigen markiert wurde, die mit Tabellenlayouts im HTML-E-Mail-Design arbeiten. Sie müssen das Tag speziell darauf ausrichten, damit es funktioniert, da das Festlegen der Eigenschaft text-align für ein übergeordnetes Element es nicht erlaubt, es zu überschreiben. – OzzyTheGiant

Für jeden, der spezifisch sucht, alle Elemente zu überschreiben, die angeben [ali gn], das wird Folgendes tun:

body [align] { text-align: center; }

Quelle

2013-07-03 03:52:22 mattsven

Wie überschreibe ich td align = "center"?

Antwort

Verwandte Themen