Cómo sobrescribir td align = "center"?

Question

Según lo recopilado en Why align="center" not overriding on {text-align:right;} en este artículo, CSS debe tener preeminencia sobre los atributos de diseño antiguos. Estoy trabajando en un proyecto en el que tengo para inyectar contenido en una celda que tiene el formato:

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

Yo no quiero que mi contenido a estar centrado, tratando de usar text-align = "izquierda" hace no anule la etiqueta td, como se sugiere en el artículo. ¿Qué puedo hacer para anular el atributo de alineación TD?

Answer 1

Si se le permite cambiar el contenido de la td, a continuación, puede ajustar los valores de TD con otra etiqueta con el texto-align: left;

Tag resultante sería:

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

Aquí es el nuevo CSS:

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

Si no puede modificar el valor de la celda, otra solución es modificar el atributo de alineación usando 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; 
} 

o añadir una clase a la misma:

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

CSS:

td.mytd 
{ 
text-align: left; 
} 

Answer 3

td { text-align: left; } 

Probado en IE8 & FF3.6.8

Demostración: http://jsfiddle.net/s8qhJ/

Answer 4

Para cualquier persona que busque específicamente anular todos los elementos que especifiquen [ali gn], esto va a hacer:

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