html - vertical - ¿Cómo anular td align="center"?

vertical center bootstrap 4

Question

Como se recoge de Why align = "center", que no reemplaza a {text-align: right;} de este artículo, CSS debe tener preeminencia sobre los atributos de diseño de estilo antiguo. Estoy trabajando en un proyecto en el que tengo que inyectar contenido en una celda que tiene el formato:

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

No quiero que mi contenido esté centrado, intentar usar text-align = "left" no anula la etiqueta td, como se sugiere en el artículo. ¿Qué puedo hacer para anular el atributo de alineación TD?

Answer 1

Para cualquiera que esté específicamente buscando anular todos los elementos que especifican [alinear], esto hará:

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

Answer 2

Si puede cambiar el contenido de la td, puede ajustar los valores de td con otra etiqueta con text-align: left;

La etiqueta resultante sería:

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

Aquí está 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 mediante 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 3

td { text-align: left; }

Probado en IE8 y FF3.6.8

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

Answer 4

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

CSS:

td
{
text-align: left;
}

O agregue una clase a él:

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

CSS:

td.mytd
{
text-align: left;
}