Как переопределить td align = "center"?

Question

Как следует из Почему align = "center" не переопределяет {text-align: right;} в этой статье, CSS должен иметь преимущество над атрибутами макета старого стиля.Я работаю над проектом, в котором мне нужно внедрить контент в ячейку, имеющую формат:

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

Я не хочу, чтобы мой контент центрировался, пытаясь использовать текстовыйalign = "left" не переопределяет тд-тэг, как предлагается в статье.Что я могу сделать, чтобы переопределить атрибут выравнивания TD?

Answer 1

Если вам разрешено изменять содержимое td, вы можете обернуть значения td другим тегом с text-align: left;

Результирующий тег будет:

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

Вот новый CSS:

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

Если вы не можете изменить значение ячейки, другой обходной путь - изменить атрибут выравнивания с помощью javascript. В 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 { text-align: left; }

Протестировано в IE8 и FF3.6.8

Демонстрация: http://jsfiddle.net/s8qhJ/

Answer 3

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

CSS:

td
{
text-align: left;
}

Или добавить к нему класс:

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

CSS:

td.mytd
{
text-align: left;
}

Answer 4

Для тех, кто специально хочет переопределить все элементы, которые указывают [align], это подойдет:

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