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

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

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

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

Ответ 1

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

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

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

Вот новый CSS:

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

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

Ответ 2

td { text-align: left; }

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

Демо: http://jsfiddle.net/s8qhJ/

Ответ 3

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

CSS

td
{
text-align: left;
}

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

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

CSS

td.mytd
{
text-align: left;
}

Ответ 4

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

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