Comment remplacer td align = "center"?

Question

Comme recueilli de Why align="center" not overriding on {text-align:right;} cet article, CSS devrait prendre la prescience au-dessus des attributs de disposition de vieux-modèle. Je travaille sur un projet où je dois injecter du contenu dans une cellule qui a le format:

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

Je ne veux pas que mon contenu soit centré, en essayant d'utiliser text-align = « left »-t pas remplacer le td-tag, comme suggéré dans l'article. Que puis-je faire pour remplacer le TD aligner attibute?

Answer 1

Si vous êtes autorisé à modifier le contenu de la td, vous pouvez envelopper les valeurs td avec une autre balise avec text-align: left;

résultant Tag serait:

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

Voici le nouveau CSS:

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

Si vous ne pouvez pas modifier la valeur de la cellule, une autre solution consiste à modifier l'attribut align en utilisant javascript, en jquery:

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

Answer 2

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

CSS:

td 
{ 
text-align: left; 
} 

Ou ajouter une classe à elle:

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

CSS:

td.mytd 
{ 
text-align: left; 
} 

Answer 3

td { text-align: left; } 

Testés dans IE8 & FF3.6.8

Démo: http://jsfiddle.net/s8qhJ/

Answer 4

Pour tous ceux qui cherchent spécifiquement à remplacer tous les éléments qui spécifient [ali gn], cela fera:

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