如何覆盖td align ="center"？

Question

正如本文所述,为什么align ="center"不会覆盖{text-align:right;},CSS应该对旧式布局属性采取先见之明.我正在开发一个项目,我必须在具有以下格式的单元格中注入内容:

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

我不希望我的内容居中,尝试使用text-align ="left"不会覆盖td-tag,如文章中所建议的那样.我该怎么做才能覆盖TD对齐的位置？

Answer 1

如果允许您更改td的内容,则可以使用text-align:left;将td值包装为另一个标记.

结果标签将是:

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

这是新的CSS:

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

如果你不能修改单元格值,另一个解决方法是使用javascript修改align属性,在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/